4种常见的网页设计中使用的动效

加载动效：在数据加载过程中显示的动效；进度动效：显示当前的工作进度；框架动效：数据显示之前的动效；反馈动效：对用户的操作进行反馈

图977-1：加载动效

网页设计当中所使用的动效最常在进度条，加载进度条的动效能够会改变用户对于时间的感知，并且通过转移注意力的方式让用户等待过程中的焦虑感降低。因为我们都知道，当我们无法将等待的时长缩短，那么尽量令这个过程变得有趣。

动效还可以用来呈现交互或者操作的进度的，帮助用户了解还有多少个交互步骤。

也就是将页面加载之后的大概样式呈现出来，页面框架会让用户产生内容一瞬间就被加载的好的错觉。动效的出现就是为了增强这种错觉，从而提升用户体验！

图977-2：反馈动效

将用户的点击操作以动效的形式呈现给用户是非常实用的，帮助用户更轻松地理解和掌握。

转载请注明：网创网 www.netcyw.cn/b977.html