1.5.4　合理的动效能够有效提升用户体验

在极简设计风格的网站和移动App应用中加入合理的动效设计，能够有效提升该产品的用户体验。

当用户打开一个界面，注意力首先会被动态的元素吸引，然后才会把注意力转向颜色对比强的部分，最后才是形状。这是人类在进化过程中形成的本能反应，适用所有用户。同时注意，一个非常重要且容易被忽略的原则：用户的注意力是有限的。如果界面中的动态效果过多，也会使用户感觉非常杂乱。

为什么需要在极简的界面设计中加入动效呢？除了能够给用户带来出色的视觉效果，界面中的动效设计在用户体验中其实发挥着很重要的作用。

（1）吸引用户注意力

人类天生就对运动的物体格外注意，因此界面中的动态效果自然是吸引用户注意力的一种很有效的方法。通过动态效果来提示用户操作比传统的“点击此处开始”这样的提示往往更直接，也更美观。

在该运动App应用的界面中，随着用户不断运动，界面中的各项数值也在不断地变化，从而有效地提醒用户注意到这些运动数据的变化，虽然这样的动效表现很细微，但是能够有效引起用户的注意。

在iOS系统中当用户轻触Safari的地址栏时，界面发生了三个变化：（1）地址栏变窄，右侧出现取消按钮；（2）界面中出现书签；（3）界面下方弹出键盘。这几个动画中，动作幅度最大的是弹出键盘，从而把用户的注意力吸引到键盘上，有利于接下来要进行的操作。

（2）为用户提供操作反馈

在智能移动设备的屏幕上点按虚拟元素，无法得到按下实体按钮那样的触觉反馈。此时，动态的交互效果就成了一种很重要的反馈途径。有些动态效果反馈非常细微，但是能传达复杂的信息。

在Android的Material Design设计规范中，界面元素会伴随着用户轻触呈现圆形波纹，从而给用户带来最贴近真实的反馈体验。

在iOS系统的输入解锁密码界面中，当用户输入解锁密码出错时，数字键上方的小圆点会来回晃动，模仿摇头的动作来提示用户重新输入。

（3）加强指向性

当我们为移动界面设计页面间的切换效果时，例如查看照片、进入聊天等，合理的动态交互效果能够帮助用户建立很好的方向感，就像设计合理的公路和路标能够帮助人们认路一样。

当用户轻触某个商品图像后，图像从列表中的位置放大，逐渐过渡到该商品的详细信息界面。相应地，单击商品详细信息界面左上角的返回箭头，则该商品图片逐渐缩小，返回到商品列表的位置，指引用户找到浏览的位置。

（4）传递信息深度

动效除了可以表现元素在界面上的位置、大小的变化，还可以用来表现元素之间的层级关系。借助陀螺仪和加速度传感器，让界面元素之间产生微小的位移从而产生视差效果，这样可以将不同层级的元素区分开来。