近一年来做的动效设计整理

最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

最近离职了,空暇之余正好对之前一年多的工作内容进行个总结回顾。

主要分两块,一是负责公司App和游戏在App Store及Google Play商店的视频创意设计和制作,可参见我写过的文章《AppStore预览视频AppPreviews制作心得总结》,以及前两天上站酷首页的《2015 moonjoin showreel》。

另一个主要工作就是参与应用UI设计,提供交互建议和动效设计,比如之前应对设计loading动画的需求,专门做了点研究,写了篇文章常见的Loading进度条动效形式,先是冲上简书的热门榜,然后被优设、人人都是产品经理等这些垂直行业网站转载,造成了挺广泛的传播,还给微博涨了不少粉。内容为王嘛,的确感受到了网络对优质原创内容的稀缺。

以上有点王婆卖瓜的嫌疑,嘛,我希望能找份工作,所以多说了点。下面就点题吧,罗列下近一年来做的动效,考虑到程序实现的问题(毕竟我也是学过swift的男人),我设计的动效一般都不会太出格太天马行空(直接调用GIF或序列帧的除外),甚至有的“轮子”我都会给程序提前找好。

近一年来做的动效设计整理

为基于craigslist的APP设计的Loading动画

近一年来做的动效设计整理

craigslist loading 演示,因为Loading动画可能会在任意时刻被打断,所以设计了成功和失败两种状态提示动画用来衔接,目前只能想到这样程序好实现一点,虽然不能完美衔接。

近一年来做的动效设计整理

craigslist-下拉刷新示范

近一年来做的动效设计整理

craigslist-下拉刷新标注图
近一年来做的动效设计整理

craigslist-下拉刷新第二版示范

近一年来做的动效设计整理

iKeyboard loading 动画 1

近一年来做的动效设计整理

iKeyboard loading 动画 2

近一年来做的动效设计整理

一个安卓桌面上拉清理的功能演示

近一年来做的动效设计整理

该桌面第一次启动时候的引导动画

近一年来做的动效设计整理

隐私相册 unlock 解锁及首次引导动效演示

近一年来做的动效设计整理

隐私相册 登录页面 细节动效

近一年来做的动效设计整理

隐私相册 下滑列表弹出的动效

近一年来做的动效设计整理

近一年来做的动效设计整理

近一年来做的动效设计整理

作者:moonjoin

来源:http://www.jianshu.com/p/daf72adcfe40

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/31657/

(0)
CatherineCatherine
上一篇 2017-06-02 05:50
下一篇 2017-06-02 09:00

相关推荐

  • Material Design UI质感设计动画交互设计欣赏

    质感设计(Material Design),是谷歌推出的设计语言,可以在用户界面产生动画,并且动画都是仿照真实的物理世界所产生,而且这套设计语言是跨平台和设备的。简而言之,质感设计是一种简单的方法创建很快的应用程序…

    IxD案例 2015-11-16
  • Axure RP入门第五篇——全局变量实现不同窗口加载

    产品经理入门:Axure RP入门第五篇——全局变量实现不同窗口加载

    2018-03-04
  • 引导性交互界面怎么设计才能直观有效?

    在任务流程较为复杂的时候,用户容易迷失在流程中,从而放弃任务,导致转化率不尽人意。所以我们在交互界面上需要引导用户。人机交互中不论是文字、图像、色彩、动态效果等,主要是通过视觉反馈信息,所以视觉的引导尤为直观有效。

    2017-05-31
  • 针对敏捷开发中用户体验的5点建议

    根据最近惠普针对600多个专业的软件开发人员做的一个调查,由于能够加强协作,增加用户的满意度以及缩减成本,所以敏捷开发是目前大多数被调查的组织采用的工作方式。然而当把用户体验集成到敏捷开发的周期中时,很多公司会问我们采取什么样的方式才能在满足每一个敏捷时间框架要求的同时确保成功。

    2017-05-24
  • 面向未来,UX路在何方?

    译者感言:面向未来,要么突破,要么随波逐流。我们的技能和职责不应该局限在职称描述上。产品设计是界面设计更高层的拓展和思考世界就是你所塑造的模样。成为变革者而非跟随者。 —— Alex Osterwalder

    2017-05-17
  • 直觉设计:如何让网页更直观、易用【UXRen译#162】

    作者:Peep Laja(ConversionXL的创始人,世界上领先的转换优化专家之一) 翻译:方糖小姐,校审:小四   你的网站越容易使用,那么使用的人越来越多。“容易使用”的至关重要的一部分是直觉。那么直觉设计也就意味着当…

    交互专题 2017-08-07
  • 面向友好用户体验的交互设计:刘老师课件精简版

    浏览网页、手机拍照上传朋友圈、用自动售卖机购买饮料,我们无时无刻地与周边的产品或服务发生着交互。使用过程中的每一个身心感受就是一次交互体验。随着信息科技的发展,各种新产品和交互方式层出不穷,人们也越…

    2015-11-22
  • 译文|一个好故事在用户体验设计中的力量

    “细心的观众/听众会很有可能会与这个故事中的人物的情感产生共鸣,并在故事结束后模仿这些人物的感情和行为。这也就解释了为什么你看了詹姆斯邦德拯救世界之后而产生的支配感觉,看了斯巴达300勇士之后就有了外出工作打算。”
    ——保罗J.扎克,经济学家“故事是激活部分大脑的唯一的方式,使听者把经验变成他们自己的东西
    一个单一的故事可以让我们的整个大脑工作。比较这个层级的参与,只阅读要点或无关的文本只能让我们大脑的某些区域工作。然后我们很快就忘记了这些信息,因为对于这些信息来说,我们没能联系到我们自己的经验,也没有积累任何情绪的连接”“精心设计的东西也不足以单独取得成功。整个生态系统及其相关交互点也必须如同产品本身一般被设计过,这也是可持续设计的要求”
    ——罗伯特布鲁纳,Ammunition Group创始人“许多商家其实已经发现在实际意义上讲故事的力量,他们已经观察到了一个精心构造的叙事是可以多么的令人信服。并且最近的科学研究也很好的阐释故事是如何在某些方面影响我们的态度、信念和行为。”

    2017-05-29
  • 设计一生要读的书汇总

    如果你是一名设计师,绝不要满足于从各个地方学来的小技巧,而忽略系统的学习。真正的设计高手,绝不仅是因为知道的招数比别人多,而是对 Photoshop和自我有深刻的、系统的认识。他们熟稔各种技巧,恰恰是因为他们…

    2017-03-08
  • 【腾讯讲堂】交互原型设计公开课推荐

    腾讯讲堂交互原型设计公开课推荐哦,因为小编看到这个课比较适合新手们,关键是免费,哈哈哈~~好魔性的笑声。 废话不多说,点击去学习吧:UI交互原型设计公开课。 课程内容如下:  

    2016-01-20