网页界面设计教程七:动画设计
时间:2007年01月15日 内容来源: 互诺科技 浏览量:0
周期、关键帧和行为被称为动画的三个属性。
使用简单的GIF动画生成的广告图形,点击率会上升10%-25%,而动画广告的面积平均比静态广告小5%-25%。
动画由于在信息的方向性诱导方面的优势,除了能够加强视线在视觉传达领域的注意外,在引导视线方面能够发挥更大的能动性,引导视线完全按照设计师的意图去浏览,以最快捷的途径,最有效的感知方式获取视觉信息,使设计师能够更有效地影响浏览者的视线运动轨迹。
当人们面对平面上一些静止的物体时,会在它们之间平分其注意力,如果其中一个物体突然动起来,所有的注意力在1/5秒后都将转向它。
人的正常视觉容量约为每秒25比特,即大约每秒4个汉字,每分钟约250个字左右。
动画表达追求的是信息的准确传达,意念的清晰易懂。而做到这一点取决于两个方面:一是动画本身有好的表现手法和设计,使每一个画面或主要变化以最清楚和最有效的方式呈现出来;二是好的时间掌握。画面转换的时间要恰到好处,太慢则感觉节奏缓慢,在里面寻找不到兴奋点,视觉心理就会感觉空洞、单调,使注意力分散;太快则浏览者还没看清要传达的信息,动作已经结束,创意没有意义,设计也就失败了。
一般一个页面有1-2个动画区域是比较适度的。如果在页面上必须出现不止一个动画,也应给予较大的区别,如采用面积的大小对比,或使动画的演示有时间差别等。
常见的动画设计效果:
(1)色彩循环动画
(2)元素沿直线或曲线的滚动
(3)元素的跳动与闪动。在跳动后保持5-10秒的静止,这样跳动吸引浏览者的视线,静止则使浏览者能看清图像。
(4)元素的淡入与淡出。
(5)元素飞入画面。
(6)元素的缓慢旋转,通常旋转几周后就停顿一会儿。
(7)元素的爆炸与组合。
(8)闪烁和灯光效果。
(9)元素之间的过渡与变形。将一幅图象的部分或整体毫无痕迹地融入另一幅图象中。