腾讯高手出品!动效设计基础(二):动效的应用

Heyu:在上一篇文章《动效设计基础(一):缓动与运动曲线》中,我们讨论了动效的几种常见形式以及缓动的重要性。那么,我们为什么要用动效呢?除了酷炫好玩以外,动效在用户体验设计中其实发挥着很重要的作用。在本文中,我们就来看看动效设计在用户界面设计中的应用。

一、吸引注意力

人类天生就对运动的物体格外注意,因此UI动效自然是吸引用户注意力的一种很有效的方法。在iOS锁屏上,唯一的动效就是“滑动并解锁”几个字上从左向右运动的高光。这种动效尽管细微,但还是能引起用户注意。同时也在引导用户滑动的方向:

腾讯高手出品!动效设计基础(二):动效的应用

当用户轻触Safari的地址栏时,界面发生了3个变化:

(1)地址栏宽度变窄,出现取消按钮

(2)出现书签

(3)键盘弹出

在这几个动