关于Banner设计的文章

记得以前教几个德国朋友做中餐，他们非得把我挖出的佐料记录为1/3调羹或1/2调羹，虽然当时很不以为然，为泱泱我国的自如随意而窃喜，但在看到彼国那么多精致规矩的制作之后，不得不感慨只有认真对待每一个细节，才能在整体上有一个高效益的结果，在设计上，特别是应用设计方面也应如此吧！问问每个设计人，大家设计制作的每一个网站，能不能对自己的设计负责，是否有些遗憾是不必要留下的呢 “;”?
　　在网络广告展示、交换链接、网站内部告知等很多方面，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的注目率。

　　以上仅是我个人的一点思考，但因参考资料并不严谨，且掌握的样本总量比较少，所以非常希望得到有识之士的敲打，同时也希望能对未来的设计保留一点资料性的数据供大家参考吧。