第七页 网页界面设计系列教程——动画设计

周期、关键帧和行为被称为动画的三个属性。

使用简单的GIF动画生成的广告图形，点击率会上升10%-25%，而动画广告的面积平均比静态广告小5%-25%。

动画由于在信息的方向性诱导方面的优势，除了能够加强视线在视觉传达领域的注意外，在引导视线方面能够发挥更大的能动性，引导视线完全按照设计师的意图去浏览，以最快捷的途径，最有效的感知方式获取视觉信息，使设计师能够更有效地影响浏览者的视线运动轨迹。

当人们面对平面上一些静止的物体时，会在它们之间平分其注意力，如果其中一个物体突然动起来，所有的注意力在1/5秒后都将转向它。

人的正常视觉容量约为每秒25比特，即大约每秒4个汉字，每分钟约250个字左右。

动画表达追求的是信息的准确传达，意念的清晰易懂。而做到这一点取决于两个方面：

一是动画本身有好的表现手法和设计，使每一个画面或主要变化以最清楚和最有效的方式呈现出来；

二是好的时间掌握。画面转换的时间要恰到好处，太慢则感觉节奏缓慢，在里面寻找不到兴奋点，视觉心理就会感觉空洞、单调，使注意力分散；太快则浏览者还没看清要传达的信息，动作已经结束，创意没有意义，设计也就失败了。

一般一个页面有1-2个动画区域是比较适度的。如果在页面上必须出现不止一个动画，也应给予较大的区别，如采用面积的大小对比，或使动画的演示有时间差别等。
常见的动画设计效果：
（1）色彩循环动画
（2）元素沿直线或曲线的滚动
（3）元素的跳动与闪动。在跳动后保持5-10秒的静止，这样跳动吸引浏览者的视线，静止则使浏览者能看清图像。
（4）元素的淡入与淡出。
（5）元素飞入画面。
（6）元素的缓慢旋转，通常旋转几周后就停顿一会儿。
（7）元素的爆炸与组合。
（8）闪烁和灯光效果。
（9）元素之间的过渡与变形。将一幅图象的部分或整体毫无痕迹地融入另一幅图象中。