很多人都知道，在一个元素来说，动的一般都会比静的更加有吸引力。例如在一个操作界面中，合理的动态交互体验可以给用户一个更好的操作体验。而H5广告页面，如果有一些比较炫酷的特效对宣传以及传播都有很好的帮助。
H5页面特效的设计都有很多种方式，例如loading动画、表单动效等等一些炫酷的表现方式。下面我们就来分析一下H5页面制作动效的方法，希望可以帮助到大家。
第一、H5页面制作动效的方法：GIF。这种方式主要是适用于一些细节方面的小动画、位图、优点是体积比较小，还可以进行压缩，设计成本比较低，可以以图片的形式在各种操作系统中使用，避免了兼容性问题。GIF制作的方式多种多样，例如Photoshop时间轴、flash、AE等等都可以到处GIF格式。GIF在H5页面的应用，主要是loading导航条、热门小标签等等一些元素，因为要控制好图片的大小以及精准度。
第二、逐帧动画的设计方法。这种方法主要是通过一张等间距的动画分解逐帧图片。这是一种非常常见的动画方式。工作原理就是在连续的关键帧中对动画动作进行分解。将时间轴上的每一帧都画出不一样的内容，并且连续播放，从而形成了动画。
这两种方法都适合用于H5页面的动效设计，同时也可以用作一些比较特别的动画效果。
