交互设计

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

0
登录或者登记去做吧。

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

主要分两块,一是负责公司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

为什么你越来越爱用那些看起来丑而贱的表情?
iOS 9人机界面指南(一):UI设计基础