经验分享:移动应用交互动效设计 - 优设网 - UISDC

经验分享:移动应用交互动效设计

2014/06/20 9349评论区

经验分享:移动应用交互动画设计

编者按:本文是@亚茹有李 妹纸观察多个移动应用交互动画设计后的总结,关于一些细节性的东西,同学们可以参考一下。

移动动效设计还有几篇非常精彩的好文:
《帅呆了!一组令人愉悦的APP动效设计》
《高手之路!设计漂亮有趣的转场动效》
《经验分享:如何快速保存APP动效?》

1、teambition:

A:主要是团队项目协作工具,方便团队的管理;
B:注册和登录输入框增加减少的流畅转换;

经验分享:移动应用交互动画设计

2、rookie:

A:主要是美化照片,如添加边框,滤镜美化;
B:对美化出来的照片会已层层压在一起,可以手动缩放也可以自动缩放,动画很流畅;
C:分享照片的时候,照片放大,模糊的背景框从下到上弹出来;

经验分享:移动应用交互动画设计

3、heyday:

A:重新构想生活日志,它将iphone中的照片和视频转换为一本精美的日志;
B:将照片进行布局排列,可以“互换”和“添加”照片到对应的排列框内;
C:选中不用的照片直接拖动就会删除,就像直接扔掉垃圾桶一样特别的流畅;

20140429_pic_03

4、jukely:

A:主要是现场看音乐表演并可以在现场中及时互动;
B:在搜索的时候,搜索的标签会以一个点散发出来形成列表标签;
C:点击首页左上角的人的图标直接进入个人的资料页面,个人头像飞过去动画;
D:详情页的分享操作,当点击分享按钮时候对话框从上面斜飞出来,点击退出斜下飞出;
E:详情页表态操作,喜欢和不喜欢分别从左右两边向中间聚焦,退出向左右扩出;

经验分享:移动应用交互动画设计

5、FIFA:

A:一款足球应用软件,解锁足球的世界,每周提供赛事、数千进球以及很多的足球内容;
B:点击左侧的菜单,出现侧边栏目,正文的内容缩放很小的样式;

经验分享:移动应用交互动画设计

6、番茄快点:

A:提供美食餐饮类的应用;
B:选中某一个菜之后小番茄会以小动画的形式加入到右下角的按钮下面;
C:如何一键点菜推出的菜不符合自己的口味,可以自己选择并以翻书的效果到推荐的下一篇菜谱当中;

经验分享:移动应用交互动画设计

7、calculator:

A:一款手写计算器;
B:手写任意的数字公式,则APP自动识别进行计算出结果,很强大;

经验分享:移动应用交互动画设计

8、涂书笔记:

A:一款图书笔记记录工具,可以把纸面文字马上电子化,专为读书人设计;
B:在看书的时候,看到某些句子不错,想记录到手机上,此时可以用涂书笔记APP拍照并手涂你想要的文字,则该APP会自动识别出来你刚才涂抹的句子;手写的文字识别出来的效果很差,书本上的文字识别出来的效果几乎没有差错;

经验分享:移动应用交互动画设计

9、jetsetter:

A:一款当日酒店预订的产品;
B:列表页面和详情页面之间切换,使的返回的图标来回翻转效果表现的不错;

经验分享:移动应用交互动画设计

10、priceline:

A:一款预订酒店,在旅途中机票和租车;
B:详情页面的动画效果做的不错;

20140429_pic_09

原文地址:blog.boocss
作者:@亚茹有李

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量72万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/app-animation-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里