时间和距离时动画的原子单位。两者以不同的方式结合,赋予动画以不同的个性。即便是细微的改动,动画的风格也可能从紧凑不安变为愉悦舒缓。注意细节,争取让动画的质感变得舒服。
使用恰当的速度,让用户能够感到运动自然,元素自然的出现小时。当运动过快会导致沮丧感,当运动过慢,会让用户感到不快。例如移动设备上的列表滚动,加入一点点缓动,让整体的滚动看起来具有惯性,效果就好很多。缓动曲线是动画的关键点,能有效的将意图传达给用户。
当一个元素从一个点移动到另一个点的时候,要确定的是运动时间和运动曲线。定义“过渡”主要定义的是行为切换之间所产生的种种动画。过渡告诉了我们2张静态线框图之间发生了怎样的运动,有效的反馈了交互。一般来说过渡都有一个主角,会在转场中保留并凸显这一元素。
当设计过渡类动画的时候,你需要问你自己:
- 什么元素在两个场景中是通用的?
- 这一元素是怎样根据时间而变化的?
- 所创建的动画是否有效的指明了转场效果,反馈了交互?
延迟指的是动画延期执行,延迟期间不发生任何运动。延迟可以有效的帮助构建富有层次感的动画和转场。延迟效果应该加在相似的内容元素上,以保证动画的一致性。
Ease in动画在开始时速度很慢,逐渐加速。Ease in动画可以构建优雅的加速运动感,可以和Ease out结合,让Ease out补充一些减速感。
Ease out在开始时加速很快,逐渐减速,Ease out动画可以让物体有一种逐渐抵抗自然力,比如说风力和重力,最后区域静止的效果。
Ease ease动画先加速再减速。能让元素的运动自然,富有真实感,而不是突然的开始运动和停止。
Linear Spacing 运动开始到结束,运动感完全一致,速度完全相同,这类运动让物体的运动感觉一致,但是比较的冷硬、机械。
Variable Spacing 可以构建不一致感,元素以不一致的速度运动。不一致感有时候会让元素看起来富有生机,有时候却让元素感觉不协调。