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

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

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

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

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

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

1

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

2

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

1

craigslist-下拉刷新示范

1

craigslist-下拉刷新标注图
1

craigslist-下拉刷新第二版示范

1

iKeyboard loading 动画 1

1

iKeyboard loading 动画 2

2

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

1

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

2

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

1

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

2

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

1

2

3

作者:moonjoin

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

您的赞赏,是对我创作的最大鼓励。

评论( 4

登录后参与评论
  1. 好棒,问一下是什么软件制作的,AE么

    回复
  2. 个人感觉那张垃圾清理的动效,文件清理飞出的数据做成散花式的,容易让用户觉得不真实,根据后台删除的速度,一次飞出一个数据,可以根据飞出速度来展现删除速度

    回复
  3. 回复
  4. 喜欢那张清理垃圾的动效

    回复
加载中