360动效项目总结

  • 作品类型动效
  • 作品属性原创作品
  • 作品版权署名-非商业性使用-相同方式共享
12054 14 489 2017-12-14

动效设计对于产品至关重要,好的动效可以弥补静态页面的表达不足,赋予产品界面生命力和活力,促进用户与产品之间的交流。但是过多和无理由的动画会阻碍产品的流畅性,降低性能,还会分散用户在操作中的注意力。如何恰到好处的拿捏产品中什么地方需要设计动效、怎么设计动效,不仅要掌握传统的动画理论,更需要对产品的目标,功能要求有着深入理解以及理性的对控件及界面从用户的角度进行划分。例如:需要让用户等待的、需要让用户快速通过的、需要让用户感觉享受的...等等。

有许多动效设计案例,形式感大于功能性,很多都难以落地或者不能和产品有效的结合起来。这里跟大家分享一些工作中落地到产品设计中的动效设计。 

动效设计除了本身的有趣、好玩、酷炫这些表层的作用外。对于产品来说更深层的作用是:

1.可以吸引人的注意力,避免用户忽视掉重要信息。

2.关联上下文,向用户解释两个元素之间的关系,以及页面跳转的来龙去脉。

3.转移用户的注意力,愉悦用户等来达到加快或缩短信息数据的传输。

4.信息引导作用。

5.适当友好的动画设计能够提升产品的趣味性,加强用户与产品的情感传递,增加用户对产品的友好度。(情感化设计)

360手机浏览器下载地址:http://mse.360.cn/index.html

360PC浏览器下载地址:http://se.360.cn/

安全卫士下载地址:http://weishi.360.cn/

全部评论:14

  • 米克斯

    2018-08-28 10:42

    与开发人员沟通时,设计师是不是需要先出demo?

  • 2018-06-28 18:45

    @方夜白: json不是更好嘛

  • 方夜白

    2018-01-16 14:48

    @半大的孩子: 用程序写的 javascript

  • cicifang

    2017-12-18 10:53

    大神啊。出个动效教程呗

  • 半大的孩子

    2017-12-16 17:17

    请问下用ae制作动销的时间,我做app加载动画,导出19张png序列图,这样在比较柔顺一些,但是程序那边说要总文件大小要小,最后我压缩时间制作出来,4张png序列图,但是效果比较差。你们是怎么破的,求解

  • 告诉我你害怕吗

    2017-12-15 16:17

    那个软件关家与小金库 ... 是跳转页面的展示内容需要很长时间加载吗? 动效很慢 我感觉很着急。。。是我太着急吗?

  • Sssssss_Star

    2017-12-15 15:28

    大神~这样的动效制作要怎么学啊?

  • 哼哈小将

    2017-12-15 10:55

    这动效太流畅了

  • 邓多肉

    2017-12-15 10:27

    请问动效是用AE做的吗??

  • 龐偉PWDS

    2017-12-15 09:50

    GIF导出为啥这么6

  • Fechon

    2017-12-15 09:33

    双击键盘666

  • nico熊猫

    2017-12-14 17:28

    小白提问:动效实现是用GIF吗,这不会让加载速度更慢吗?

  • 肉桑大魔王Roshan

    2017-12-14 15:37

    6得窒息

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票