网页中动效设计的4种常见类型

聚焦，将用户的注意力引导到指定的页面位置；拆解，开始的结束拆解为缓慢的开始和缓慢的结束；次要，用次要元素跟随主要元素；淡入和淡出

图924-1：加载动效

一定要让动效元素能够帮助用户去集中注意力在页面当中的某个区域，这个区域是页面设计的重点，或是信息内容核心，或是优惠活动进行中。

图924-2：进度条动效

如跟随，动效元素的使用一定要遵循现实和物理规则，所以不能够迅速地停止和运动。这在设计之前对运动开始和结束的拆解，通过细节的变化让动效提升用户体验。

图924-3：进度动效

次要的动效一般来说都建议跟随主要动效的运动轨迹，辅助于主要动效，而不能够让用户分神。

图924-4：悬停动效

这是动效在页面设计当中运用的基础，尤其是移动端的页面设计。这样才能够被用户所理解和接受，同时不至于被过分影响。

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