INFORMATION

感知未来设计领域新趋势
只为完成想要的,哪怕艰辛一次。

澳煦互动浅谈——网页动画?

Time:2019-06-18

在视觉习惯上,页面的垂直均匀分割,当左右两部分形成强烈对比时,会造成视觉心理的不平衡。这时,可将分割线作部分或全部的弱化处理,或在分割处加入其他元素,使左右部分的过渡自然而和谐。

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

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

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

当人们面对平面上一些静止的物体时,会在它们之间平分其注意力,如果其中一个物体突然动起来,所有的注意力在1/5秒后都将转向它。人的正常视觉容量约为每秒25比特,即大约每秒4个汉字,每分钟约250个字左右。动画表达追求的是信息的准确传达,意念的清晰易懂。而做到这一点取决于两个方面:一是动画本身有好的表现手法和设计,使每一个画面或主要变化以清楚和有效的方式呈现出来;二是好的时间掌握。画面转换的时间要恰到好处,太慢则感觉节奏缓慢,在里面寻找不到兴奋点,视觉心理就会感觉空洞、单调,使注意力分散;太快则浏览者还没看清要传达的信息,动作已经结束,创意没有意义,设计也就失败了。

一般一个页面有1-2个动画区域是比较适度的。如果在页面上必须出现不止一个动画,也应给予较大的区别,如采用面积的大小对比,或使动画的演示有时间差别等。 常见的动画设计效果:

(1)色彩循环动画 (2)元素沿直线或曲线的滚动 (3)元素的跳动与闪动。在跳动后保持5-10秒的静止,这样跳动吸引浏览者的视线,静止则使浏览者能看清图像。 (4)元素的淡入与淡出。 (5)元素飞入画面。 (6)元素的缓慢旋转,通常旋转几周后就停顿一会儿。 (7)元素的爆炸与组合。 (8)闪烁和灯光效果。 (9)元素之间的过渡与变形。将一幅图象的部分或整体毫无痕迹地融入另一幅图象中。

 

注:转载本文请注明出处http://www.ocean-ad.cn澳煦互动

热门资讯

Copyright © 2007-2024 澳煦互动 Ocean Network ALL RIGHTS RESERVED.