现在的位置: 首页 > 综合 > 正文

关于Banner设计的文章

2013年04月14日 ⁄ 综合 ⁄ 共 2325字 ⁄ 字号 评论关闭

   记得以前教几个德国朋友做中餐,他们非得把我挖出的佐料记录为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的注目率。

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

抱歉!评论已关闭.