购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.4 空间与时间的节奏关系

表情包中各元素空间参数的不同组合,可以带给人们不同的时空视觉体验。而只有加入了时间的设计,这些视觉元素才可以运动起来并形成动画。空间变化与时间节奏是动态表情包最基本的构成,即使空间上的参数变化相同,时间节奏的不同也可以让动态表情包带给人们大不相同的观看感受。

在用户所熟悉的生活环境中,多数运动是变化的。由于阻力的存在,物体在空间上的移动和时间的移动(即时间的流逝)往往并不同步。在运动初期,物体在单位时间内空间上的位移变量逐渐增大,形成加速;在运动的结束阶段,物体在单位时间内空间上的位移变量逐渐减小,形成减速运动。而这些不同的变量,在时间和空间构成的象限中形成了不同的运动曲线,如图2-8所示。恰当地运用不同的运动曲线,可以在软件界面中生动地模拟用户所熟悉的生活中的运动场景。

图2-8

2.4.1 匀速运动

日常生活中的匀速运动大多出现在人造的机械装置中,比如一条传送带上的箱子做的就是匀速运动。在开始运动时箱子的速度就已经达到峰值,并以这一速度匀速地运动下去,直至瞬间停止。若体现在时间和空间所构成的象限中,则可以看到匀速运动的轨迹是一条直线,所以我们也将其称为线性匀速运动。

2.4.2 运动开始时的逐渐加速

当物体开始运动时,速度由0随着时间逐渐加快,这个过程比较像一辆汽车的起步过程。如果将匀速运动加入汽车的起步过程,那么会让人有一种汽车受外力撞击而突然加速的感觉。在启动发动机的时候车速并非直接达到峰值,而是由0逐渐增加到最大速度。若体现在时间和空间所构成的象限中,则可以看到加速运动的轨迹是一条曲线,如图2-9所示。

传送带上箱子的匀速运动

匀速运动动画曲线

汽车起步时的加速运动

加速运动动画曲线

图2-9

2.4.3 运动结束时的逐渐减速

当物体结束运动时,速度由最大速度逐渐减小至0,这个过程比较像一辆汽车的刹车过程。若体现在时间和空间所构成的象限中,则可以看到减速运动的轨迹是一条曲线,如图2-10所示。

汽车刹车时的减速运动

减速运动动画曲线

图2-10

2.4.4 动作中同时设置缓冲

与匀速运动相对,如果一个动作开始和结束时分别为加速运动和减速运动,那么这个动作在软件界面中会给用户带来比较流畅和自然的感觉。图2-11所示的是同时缓冲的动画曲线。

图2-11 MfuWl1cJwQ3/HTZZ+O5I1IYDiUEkU3WqW5fpNSUlQ+yIcG424hdlN0YUEvKROQqj

点击中间区域
呼出菜单
上一章
目录
下一章
×