手机网站建设网页动画设计

发布：2019-04-13 12:37:48 浏览：4597

随着网页技术的发展，在手机端网页实现各种形式的动画效果（以下简称动效）变得更加容易，和影视动画不同，网页动画效果常常肩负着对网页信息结构和交互的展示、引导、反馈等作用。

网页动效一般在网页中起到以下几种作用。

1）强调。通过网页动效的添加对网页的重要信息和功能进行暗示和指导。例如重要文字信息的出现动画、按钮的闪烁等。

2）反馈。通过网页中视觉元素的出现和消失，以及大小、位置和透明度的变化对用户的交互行为进行反馈，使用户和网页的交互过程更加流畅。

3）层级展现。通过网页页面或个别视觉元素的缩放、覆盖、滑出等动效帮助用户理解网页信息架构。常用与网页的转场和菜单的展开。

4）模拟。一些动效通过对现实世界的模拟迎合用户的认知。用户通过对现实世界的认知来理解网页的功能，增强了用户对页面的操纵感和带入感。

5）后台进程的可视化。典型例子是各种加载动画，不仅让等待的时间变得可预期，也增加了网页的趣味性。

网页动效虽然形式多样，功能齐备，但同样要服务在突出网页核心内容、展现网页整体信息架构上，考虑到动画效果对网速及硬件的高要求，网页中的动效设计还应动静相宜，以避免影响到用户的阅读体验。