详细解析移动端APP动画设计心得总结

反诈示警:如遇到文章内跳转至别的网站或产生需要交钱,交易等行为,均为诈骗行为,请谨慎对待。对于网上兼职、刷单、刷信誉的就是诈骗,请勿相信!需要提供身份证明、短信验证和短信链接点击都是诈骗, 请不要提供!同时请下载“国家反诈中心”App能自查自检,规避诈骗电话,免遭损失。

扁平化设计越来越火爆,那么在弱化视觉效果的情况下,有设计师提到该从交互方面使体验更加愉悦,现在很多App也在努力朝这一方向发展。

1、flipboard:

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

详细解析移动端APP动画设计心得总结,插图,来源:资源仓库www.zycang.com

2、Android主界面:

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

详细解析移动端APP动画设计心得总结,插图1,来源:资源仓库www.zycang.com

3、APP交换:

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

详细解析移动端APP动画设计心得总结,插图2,来源:资源仓库www.zycang.com

4、高铁大战飞机:

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

详细解析移动端APP动画设计心得总结,插图3,来源:资源仓库www.zycang.com

5、Jing:

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

详细解析移动端APP动画设计心得总结,插图4,来源:资源仓库www.zycang.com

6、Etsy:

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

详细解析移动端APP动画设计心得总结,插图5,来源:资源仓库www.zycang.com

7、Tumblr:

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

详细解析移动端APP动画设计心得总结,插图6,来源:资源仓库www.zycang.com

8、饭本:

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

详细解析移动端APP动画设计心得总结,插图7,来源:资源仓库www.zycang.com

9、Safari:

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

详细解析移动端APP动画设计心得总结,插图8,来源:资源仓库www.zycang.com

10、NewsHub:

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

详细解析移动端APP动画设计心得总结,插图9,来源:资源仓库www.zycang.com

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

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

如需 WordPress 优化加速、二次开发、网站维护、企业网站建设托管等服务,点此联系我 | 近期站内热门福利推荐:
文章版权及转载声明

本文地址:https://www.zycang.com/3626.html
文章转载或复制请以超链接形式并注明来源出处。 本文最后更新于:2022-07-19 23:03:35
声明:某些文章或资源具有时效性,若有 错误 或 所需下载资源 已失效,请联系客服QQ:11210980

喜欢就支持一下吧
点赞148赞赏 分享
评论 抢沙发

请登录后发表评论