随着网页技术的发展,在手机端网页实现各种形式的动画效果(以下简称动效)变得更加容易,和影视动画不同,网页动画效果常常肩负着对网页信息结构和交互的展示、引导、反馈等作用。
网页动效一般在网页中起到以下几种作用。
1)强调。通过网页动效的添加对网页的重要信息和功能进行暗示和指导。例如重要文字信息的出现动画、按钮的闪烁等。
2)反馈。通过网页中视觉元素的出现和消失,以及大小、位置和透明度的变化对用户的交互行为进行反馈,使用户和网页的交互过程更加流畅。
3)层级展现。通过网页页面或个别视觉元素的缩放、覆盖、滑出等动效帮助用户理解网页信息架构。常用与网页的转场和菜单的展开。
4)模拟。一些动效通过对现实世界的模拟迎合用户的认知。用户通过对现实世界的认知来理解网页的功能,增强了用户对页面的操纵感和带入感。
5)后台进程的可视化。典型例子是各种加载动画,不仅让等待的时间变得可预期,也增加了网页的趣味性。
网页动效虽然形式多样,功能齐备,但同样要服务在突出网页核心内容、展现网页整体信息架构上,考虑到动画效果对网速及硬件的高要求,网页中的动效设计还应动静相宜,以避免影响到用户的阅读体验。