石玉娟

摘 要：本文通过对基础BANNER动画的介绍，引申出制作BANNER动画的软件、技术参数及运动方式。同时说明了在制作BANNER动画时，我们应该如何将运动规律引用到元素中，最后完成整个BANNER动画的制作。

关键词：运动规律;动态BANNER;元素动画;动态元素

现今社会，电商已经成为了商业销售的主流模式，电商网页页面制作也成为了一个热门行业。其中BANNER动画由于其耗时短，见效快，整体效率高等优势，成为了电商页面设计中的重要内容。BANNER动画的一般要求是什么？怎样来制作BANNER动画才能使其符合运动规律，并完成良好的视觉动态效果，本文就这些内容进行了一些探讨。

一、BANNER动画的技术参数

BANNER动画一般放在网页抬头，按照淘宝/京东等主流电商的要求，其尺寸一般为横：宽为3：1，网页动画大部分为960*320尺寸。动画时间长度没有硬性规定，但是根据BANNER动画的功效来看，BANNER动画只是为了页面的活跃性，因此动画不需要做的太长。一般来说BANNER动画制作5秒或者7秒都可以。但是在个时间里，一定要留出BANNER本身的落版时间——即BANNER的最终样式停留时间。由于人眼的视觉误差，我们至少需要2秒的时间，才能将一副画面的主体内容完全阅读，因此，这个落版时间至少要有2秒。因此，一般来说BANNER的尺寸为960*320，而整个BANNER动画的时间为5-7秒，但是这其中有2秒为落版。也就是说如果你整个动画时间为5秒，那么前3秒制作动画，后2秒制作落版。

二、 BANNER动画的元素运动方式

一般BANNER动画遵循了最基本的运动规律，即动画形式为元素从无——有出现的方式。……