首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网页理论 > 正文
网页界面设计教程七:动画设计
来源:人民邮电出版社 作者:张帆 罗琦 宫晓东 2007年01月15日 16:18 网友评论:0条 点击:
周期、关键帧和行为被称为动画的三个属性。
使用简单的GIF动画生成的广告图形,点击率会上升10%-25%,而动画广告的面积平均比静态广告小5%-25%。
动画由于在信息的方向性诱导方面的优势,除了能够加强视线在视觉传达领域的注意外,在引导视线方面能够发挥更大的能动性,引导视线完全按照设计师的意图去浏览,以最快捷的途径,最有效的感知方式获取视觉信息,使设计师能够更有效地影响浏览者的视线运动轨迹。
当人们面对平面上一些静止的物体时,会在它们之间平分其注意力,如果其中一个物体突然动起来,所有的注意力在1/5秒后都将转向它。
人的正常视觉容量约为每秒25比特,即大约每秒4个汉字,每分钟约250个字左右。
动画表达追求的是信息的准确传达,意念的清晰易懂。而做到这一点取决于两个方面:一是动画本身有好的表现手法和设计,使每一个画面或主要变化以最清楚和最有效的方式呈现出来;二是好的时间掌握。画面转换的时间要恰到好处,太慢则感觉节奏缓慢,在里面寻找不到兴奋点,视觉心理就会感觉空洞、单调,使注意力分散;太快则浏览者还没看清要传达的信息,动作已经结束,创意没有意义,设计也就失败了。
一般一个页面有1-2个动画区域是比较适度的。如果在页面上必须出现不止一个动画,也应给予较大的区别,如采用面积的大小对比,或使动画的演示有时间差别等。
常见的动画设计效果:
(1)色彩循环动画
(2)元素沿直线或曲线的滚动
(3)元素的跳动与闪动。在跳动后保持5-10秒的静止,这样跳动吸引浏览者的视线,静止则使浏览者能看清图像。
(4)元素的淡入与淡出。
(5)元素飞入画面。
(6)元素的缓慢旋转,通常旋转几周后就停顿一会儿。
(7)元素的爆炸与组合。
(8)闪烁和灯光效果。
(9)元素之间的过渡与变形。将一幅图象的部分或整体毫无痕迹地融入另一幅图象中。
上一篇:网站改版方案的一些建议   下一篇:网页界面设计教程六:版式的构成与设计
收藏此页】【打印】【关闭
 相关文章  我要点评
·法国Romeo网页界面设计(一)
·南非bl4ckzero网页界面设计欣赏(四)
·德国Sascha网页界面作品
·复制网页界面 假淘宝网骗走用户5200元
·金麗科技股份有限公司网页设计提案
·聯盛半導體有限公司网页设计提案
·美時家具股份有限公司网页设计提案
·小嵩無氧化學股份有限公司网页设计提案

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】