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

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

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

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

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

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

4.信息引导作用。

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

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

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

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