材料中的运动遵循现实世界的力学,比如重力。
屏幕上的移动
向上弧线
向下弧线
进出屏幕的移动
独立移动
关联移动
材料中的运动遵循现实世界的力学,比如重力。
向上弧线
向下弧线
独立移动
关联移动
元素在屏幕内两点之间会沿着一条自然下凹的弧线移动。所有屏幕内的移动都遵循标准曲线。
在现实世界中,物体需要使用外力克服重力才能上升。屏幕内的元素的向上移动也需要类似的外力,使元素从一个较慢的速度开始加速。
在现实世界中,元素会通过重力加速下落。在屏幕上,元素会以更快的速度向下移动,受较少的外力作用。
沿着单个轴(水平或垂直)移动的元素不需要遵循弧线轨迹。这种移动更简单,且可以以稍快的速度移动。
元素进出屏幕时的移动也是沿着单个轴的。
元素进入和离开屏幕时完全独立移动,不会对屏幕内其他内容的位置造成影响。
元素进入屏幕时使用减速曲线实现快速进入,表明他们已经以峰值速度行进了。
元素永久离开屏幕时,使用加速曲线来实现在较短的时间内加快离开屏幕,因为它们不会再返回,且不太需要获得用户的注意。
元素暂时离开屏幕时应该使用夏普曲线,因为元素随时可能返回屏幕,且在屏幕外不会距离屏幕太远。
元素进入或离开屏幕,导致屏幕上其他元素发生移动时,需要使用平滑的缓动曲线,这样才能减小混乱,避免视觉干扰和突然的移动。
标准曲线用于在屏幕的边界内或边界外移动的元素。与独立运动的元素相比,标准曲线的持续时间会稍久一点。