关于Banner设计的文章
来源:互联网 发布:矩阵左上角走到右下角 编辑:程序博客网 时间:2024/05/20 14:26
在网络广告展示、交换链接、网站内部告知等很多方面,BENNER都有着很广泛的应用,但对其中的一些关键性数据如果做到心中有“数”,将对网站的规范性建设起到良好的作用。
一、 动画的一般性数据的探讨:
在浏览网页的过程中,在一些有很多跳动的动画页面停留时,总会有一种不太舒服的感觉,容易影响对该页面所提示的信息的关注。另外,虽然闪烁的图案会瞬间产生记忆刺激,引起注意,但这种记忆往往为压迫性的,久之易产生负面效应,从而模糊记忆。而稳定的画面不易引发特殊的关注,但如果有良好的界面引导和内容,可产生良性的记忆,持久而牢固。
记得早期的华军主页有着大量的动态图案和BANNER,所以我总是直接进入其二级页面,想必有不少人都是这么做的吧,近来发现他的页面规范多了,控制了B ANNER的数量和质量,这对他的主页的浏览率只会有益无害。
不过如果是个人网站需要追求某种特殊效果,则可尝试性的突破一些,但如何把握形式与内容的分寸,值得大家的探讨。
为了探讨有关的数据,我采取了向优秀设计师取经的方法,对优秀的BANNER做了一定的统计,在http://www.coolhomepages.com里统计了其挑选出的B ANNER,得到了一些有意思的数据:
1、 BANNER数量有83个,动态的有54个,占了65%,虽然我个人看好动态BANNER的效果,但静态BANNER仍能有效的影响着1/3的用户群;
2、 BANNER一般都有静止的画面让观者了解告知的内容,(但有两个俄国的BANNER一个劲的闪,也就凑出一个轮廓,算例外吧)我定义这祯为 静止祯(这字应该是一个巾+页,可我用拼音总打不出来,谁能教我,多谢!),我用GIF ANIMATOR打开相关BANNER,统计了一下54条中的每祯祯速,如果令1秒=100,则最低的祯用时为10,最高为500,加权平均后为176;如果把1 秒以下的定为闪动祯,4秒以上的定为慢性祯,中间的定为稳定祯,则闪动祯占17%,平均静止时间18;稳定祯占71%,平均静止时间为185 ;慢性祯占12%,平均静止时间为450。
3、 BANNER大小最大为19.1K,最小3.7K,加权平均后为11.5K。
4、 结论:在BANNER中170-230的祯速比较适合连续动画中静止画面的显示,应用较多,底于25的祯速易产生闪动,高于350的祯速有停滞的感觉,高于5 50的祯速似无必要,可以作为停止动画循环处理。
BANNER大小应控制在13K以内,鼓励在10K以内。
二、 BANNER应用技术
目前BANNER可以利用的技术主要有JPG、GIF等静止图案、GIF动画、JAVA动画、JAVASCRIPT图案交换、CGI图案交换、PHP技术、FLASH动画、S HOCKWEAV交互、VRML虚拟现实等,但最常用的还是静止BANNER和GIF动画BANNER,还有一些兼差的,如用FLASH制作的GIF的BANNER动态效果显著,体积也轻巧。
三、 BANNER的尺寸及适用范围
IAB(Internet Advertising Bureau)在一次大规模网络广告综合调查中广泛向广告主、广告代理商和用户征求了关于网幅广告(Banner)的尺寸意见,目前,绝大多数站点应用的网幅广告尺寸如下,它们一般反映了客户和用户的双方需求和技术特征。
尺寸(pixels) 类型
468*60 全尺寸BANNER
392*72 全尺寸带导航条BANNER
234*60 半尺寸BANNER
125*125 方形按钮
120*90 按钮#1
120*60 按钮#2
88*31 小按钮
120*240 垂直BANNER
四、 Banner的设计与创作
随着国内Web站点在经营和内容建设上的日益轨道化,网络广告正在蓬勃发展之中。按CPM计价的模式已经成为主流,但由于商家对网络认识水平的提高,各站点或广告代理机构也把提高客户B anner的点击率甚至点透率作为主要的责任,因为只有让所代表对象的Banner被充分有效的点击才能延续站点的广告经营,而广告设计本身也可以作为站点的赢利项目之一。
由于网络本身的特点,Banner的设计与创作有一些特别之处值得注意,一个经过精心设计的Banner和一个创意平淡的Banner在点击率上将会相差很大。
Banner的文字不能太多,一般都要能用一句话来表达,配合的图形也无须太繁杂,文字尽量使用黑体等粗壮的字体,否则在视觉上很容易被网页其他内容淹没,也极容易在7 2dpi的屏幕分辨率下产生“花字”。图形尽量选择颜色数少,能够说明问题的事物。如果选择颜色很复杂的物体,要考虑一下在低颜色数情况下,是否会有明显的色斑。
尽量不要使用彩虹色、晕边等复杂的特技图形效果,这样做会大大增加图形所占据的颜色数,除非存储为JPG静态图形,否则颜色最好不要超过3 2色。
Banner的外围边框最好是深色的,因为很多站点不为Banner对象加上轮廓,这样,如果Banner内容都集中在中央,四周会过于空白而融于页面底色,降低B anner的注目率。
以上仅是我个人的一点思考,但因参考资料并不严谨,且掌握的样本总量比较少,所以非常希望得到有识之士的敲打,同时也希望能对未来的设计保留一点资料性的数据供大家参考吧。
- 关于Banner设计的文章
- 如何提高banner设计含量--网上的一篇文章--感悟
- 写的蛮好的关于banner设计知识
- 关于设计模式的文章
- 关于使用com.youth.banner.Banner遇到的问题
- 关于API接口设计的文章
- 网页设计适用的花纹banner
- 晒几张为igoogle设计的banner
- 网页专题的banner图片布局设计
- 教你简单快速的设计Banner
- Android 简洁高效的Banner设计
- UI设计之“Banner”高大上的花边设计
- 关于设计模式解释的不错的文章
- 一些关于引擎设计,Scene Management的文章
- app banner设计
- 设计解析-封面/banner
- banner设计技巧分享
- 项目banner设计网站
- iOS5-user-interface-customization
- 雨爱
- ubuntu下安装Qt SDK及第一个hello QT程序
- ImageIO.read()方法读取图片后重写,图片蒙上一层红色的解决办法(下)
- 三角形重心
- 关于Banner设计的文章
- 3D glasses and other 3D display devices
- java中for语句的作用真是强大!
- 妙用Ntsd终止恶意进程
- C语言学习笔记(六)--分支程序设计
- SQL2005 用户sa登录失败,完美解决方案!
- windows api 读取目录下所有文件
- 求一个字节(8bit)有几位为"1"的O(1)解
- remove 用法