跳到主要内容

动画空间

--


类型

现实空间里,物体存在远小近大的原则,运动则有远慢近快。在动效设计时,处理和空间相关的话题时,我们需要考虑两方面的因素:

视差

例如汽车在公路上行驶,离汽车越近的物体,移动速度越接近汽车的速率。以行进中的汽车为例,汽车所在的点为 X 轴的基准点,离基准点越远时,速度就越慢。

动效设计中同样存在这个原则,元素的空间距离会影响动画效果,从而影响动效设计的决策。

大小

遵循远处的物体小,近处的物体大的原则。

视差

考虑动效设计时,首先应将界面中涉及到动画的元素进行分层,为界面中不同的元素假设不同的距离。而鼠标所在位置作为基准点。建立了这样的空间层次之后,有效地给每层元素赋予不同的参数,就能摸拟自然的视差效果。

大小

当两层抽屉式的的界面展开时,遵循远小近大的原则,当近处层级出现时,底部的层级做适当的缩小,体现出空间感。