优美移动端APP动画设计总结

移动开发 移动应用
扁平化设计越来越火爆,那么在弱化视觉效果的情况下,有设计师提到该从交互方面使体验更加愉悦,现在很多App也在努力朝这一方向发展,例如最近火遍全球倍受好评的《FACEBOOK PAPER 中23个的设计细节》,还有《设计师新宠!交互神器ORIGAMI》等都足以让人期待交互的未来。

扁平化设计越来越火爆,那么在弱化视觉效果的情况下,有设计师提到该从交互方面使体验更加愉悦,现在很多App也在努力朝这一方向发展,例如最近火遍全球倍受好评的《FACEBOOK PAPER 中23个的设计细节》,还有《设计师新宠!交互神器ORIGAMI》等都足以让人期待交互的未来。

1、flipboard:

利用上下动画来切换到下一个界面(由于网慢数据没有加载出来);

flipboard:刚毅的上下动画来切换到下一个界面(由于网慢数据没有加载出来);

2、Android主界面:

界面元素使用直线型的轨迹来运动,使界面更具有科技的感觉;

Android主界面:界面元素使用直线型的轨迹来运动,使界面更具有科技的感觉;

3、APP交换:

列表从上到下或从下到上的曲线流畅滚动效果,很酷的(两个手机同时装上该 APP,靠近互换软件);

APP交换:列表从上到下或从下到上的曲线流畅滚动效果,很酷的(两个手机同时装上该 APP,靠近互换软件);

4、高铁大战飞机:

飞机从左到右飞的效果很流畅,并且下面会随时更新一些做飞机和高铁的 一些小贴士,这个体验也很不错,还可以学到一些小常识;

高铁大战飞机:飞机从左到右飞的效果很流畅,并且下面会随时更新一些做飞机和高铁的 一些小贴士,这个体验也很不错,还可以学到一些小常识;

5、Jing:

音乐播放的进度有绿色滚动条控制显示,点击开关停止音乐播放,抽屉式的左侧栏目是从下到上的飞快的速度来呈现出来,大家下载可以体验下;

jing:音乐播放的进度有绿色滚动条控制显示,点击开关停止音乐播放,抽屉式的左侧栏目是从下到上的飞快的速度来呈现出来,大家下载可以体验下;

6、Etsy:

启动界面从下到上再由内到外呈现出一张图片,视觉冲击力很好;

Etsy:启动界面从下到上再由内到外呈现出一张图片,视觉冲击力很好;

7、Tumblr:

发布内容时,会出现相关的模块,出现的时候是从下到上的动画显示,关闭的时候从上到下飞出去;

Tumblr:发布内容时,会出现相关的模块,出现的时候是从下到上的动画显示,关闭的时候从上到下飞出去;

8、饭本:

在发布内容时,相关的功能模块是从两侧向中间靠拢出来,点击是从中间向两侧 分开飞出去;

饭本:在发布内容时,相关的功能模块是从两侧向中间靠拢出来,点击是从中间向两侧 分开飞出去;

9、Safari:

在查看浏览记录的时候会以层级的形式出现,这样的表现形式让用户一目了然,android平台的最近浏览记录也是以层级形式出现,很方便用户浏览;

Safari(ios):在查看浏览记录的时候会以层级的形式出现,这样的表现形式让用户一目了然,android平台的最近浏览记录也是以层级形式出现,很方便用户浏览;

10、NewsHub:

详情页面进入时图片成放大状态,随着用户向下滚动时图片逐渐变下;

NewsHub:详情页面进入时图片成放大状态,随着用户向下滚动时图片逐渐变下;

11、zaker:上下动画流畅的返回与进入;从上到下是返回,从下到上是进入;

12、ireader:使用柔和的翻页效果模仿真实的阅读体验;

责任编辑:闫佳明 来源: woshipm
相关推荐

2012-03-02 10:50:20

jQuery

2017-01-19 19:43:53

2011-06-16 10:00:28

视觉设计

2022-05-25 11:24:25

CalendarNutUI移动端

2012-07-10 15:55:55

移动App应用设计

2012-10-15 10:07:45

jQueryJSWeb

2017-07-24 16:27:58

前端移动端布局

2012-12-24 13:38:01

iOSUIView

2018-10-22 20:36:59

搜索设计功能搜索框

2011-03-07 13:50:20

2013-08-02 14:10:24

移动App交互设计

2013-07-24 14:59:17

移动App设计

2015-09-09 08:45:35

移动端app设计趋势

2021-07-14 09:45:24

设计师约束布局界面布局

2022-07-01 10:56:25

移动互联网B 端产品设计

2019-09-25 07:39:24

移动端PC端表单

2014-10-27 14:34:39

Material De转场动画

2021-07-05 07:55:11

PC端移动端设计

2013-06-17 10:37:54

产品设计移动设计产品规划

2013-08-05 10:59:47

移动端产品设计移动应用市场
点赞
收藏

51CTO技术栈公众号