设计的魔法-动效设计

大屏手机中的交互设计越来越讲究用户体验，而对设计来说提升用户体验除了完善友好的产品链路和精致的视觉体验之外，还有一个被越来越多设计师重视起来的地方，就是交互动画设计。

 

我们熟知的苹果开关按钮就是使用交互动画的典型案例，它精准的模仿了现实中用户按下按钮后的转换过程并且给到用户实时的点击反馈。

苹果经典按钮开关

添加动画效果是为界面服务并给到用户能够控制的预期，用户在操作页面的同时也乐于看到生动活泼的情感化响应。

制作时需要注意一些规则，比如参考现实中物体的运动规律，这样会使页面功能的展示方式更加丰富、更富有吸引力，但动画的加入要根据场景和功能而定，不宜过多，否则会使用户感觉混乱分散注意力。

一、动画组件-有温度的设计

安卓和iOS的动画组件库都支持针对目标的基础动画属性调整，如目标的透明度、大小、旋转角度，颜色变化等，经过不同的组合后便成为了丰富的动画样式。具体表现形式可以参考Jorge Rolando Canedo Estrada基于迪士尼动画原理提炼的十条动画设计原则。

动画设计的十个原则