三、动效设计的原则
这是一位在五年时间内为四十多个国家和上百个顶尖机构提供咨询服务的动效设计师,总结出来的实用性动效设计原则,为提升产品体验与可用性提供帮助。[译者 Z Yuhan 注] 原英文链接
3.1 缓入缓出
时效事件发生时,元素的动作应显得自然,与用户预期相符。
3.2 偏移与延迟
加入新的界面元素或场景时,可用与表达元素之间的关系。
3.3 父子关系
当界面元素较多时,可以利用时空差异创造出可以感知到的父子继承关系。
3.4 形变
用连贯的状态描绘表达元素功能的改变。
3.5 值变
当元素的值发生变化时,用连续动态的方式表达前后之间的关联。
3.6 遮罩
如果一个界面元素的不同的展示方式对应不同的功能,那么让展示方式的变化过程具有连续性。
3.7 覆盖
用堆叠元素的相对位置来描述它们的扁平空间关系。
3.8 复制
当新的元素从已有元素复制出来时,用连贯的方式描述其关联关系。
3.9 景深
允许用户瞥得到非主要元素或场景。
3.10 视差
当用户滚动界面时,在平面创造出空间层次。
3.11 翻转
通过具有空间架构的描述方式来表现新元素的产生与离场。
3.12 滑动变焦
用连续的空间描述来引导界面元素和空间。