技术资讯

创建界面上的小动画

2019-07-25 10:36:47

了解界面上的动画，如何创建它，提高更好的用户体验，要记住一些最佳实践

谨记这几点：
UI的动画
使用户感觉是一体的
在用户满意之前增加
不妨碍和分散用户

1、动画的时间和速度
当元素发生改变的状态和位置的时候，持续的动画应该足够的长，让用户感觉到变化，同时持续时间应该足够的短，不会引起等待。适当使用动画的时间长短，当元素改变它们的状态或位置时，动画的持续时间应该足够长，让用户有可能注意到变化，但同时动画的持续时间应该足够短，不会引起等待。动画的时间长短可根据对象的大小决定，较小的元素时间短一些，较大的元素时间长一些。这样看起来回更好。

2、非机械动画
为了使动画看起来不像机械和人工的，物体应该像物理世界中的物体一样，以一定的加速度或减速运动。

3、线性运动
不受任何物理力影响的物体呈线性运动，换句话说，速度不变。正因为如此，它们看起来非常不自然和人为的人眼。线性运动确实有它的用途，例如，当对象更改颜色或透明度时，可以使用它。但是，一般来说，当对象不改变位置时，将其用于状态。

曲线运动：
易于加速或加速曲线
缓和或减速曲线
放松或标准曲线

上一篇：网站设计中的色彩

下一篇：如何提高网站打开速度呢？