广告牌Banner设计守则

Banner 一般翻译为网幅广告、旗帜广告、横幅广告等,是网络上最常见的一种广告形式。banner通常位于网页顶部,中部,底部任意一处,尺寸一般是 125×125,480×60(px),一般是使用GIF/PNG/JPG格式的图像文件,可以使用静态图形,也可用多帧图像拼接为动画图像。
Banner广告价格并不便宜,如何让你的广告为你带来更多的客户,Banner的设计不可忽视。

Banner设计第一节:字体

采用以下要点来改善你的BANNER。
广告并不便宜。 确信你的广告被第一时间读到。

Serif(有称线)字体和San Serif(无称线)字体(区别请看图例)

Sans Serif是更好的选择, 因为它具有简单的字形。 这使它更快地显示在web广告中。

在网页的大段文字内容中使用Serif (有称线)字体更好一些。它的外形对浏览者来说更自然,让长时间的浏览变得更轻松。但我们现在要谈的不是这个。
很多职业广告设计师选择Serif字体,如做范例;网站格式化处理。这是有风险的,除非你是一个真正的专业选手?。广告中使用Serif字体能给特定的目标群体非常好的感觉,这就是为什么设计师们选择它的原因。但在表达可读性上不值得推荐。
我建议在BANNER上用Bold Sans Serif(加粗的无称线)字体。

 

第二节 设计广告条内容的正确方向

BANNER广告条设计中,注意用户的阅读方向十分重要。

让浏览者的视线从左到右。这样做会更快更有效。因为习惯是从左到右地看,不要认为浏览者会在看广告条内容(左)前点击按钮(右)。

第三节 人物和图片

让你的广告更有效地被浏览者从一个方向来读到。

如上图:把美女放在BANNER的左边。
如果你的BANNER上不是一个女人,也同样适用。一般来说女人的图片比用男人的更有吸引力这一点。
理由是:女人会让男性注目。是视线的第一焦点,然后你会随着她看过去,所以图片应该放在左边。

面孔的局部图片会对女性浏览者更有吸引力
优化你的图片的尺寸,BANNER将会下载得更快。这一点相当很重要和有价值,值得花时间去优化。可以在PHOTOSHOP中用钢笔工具进行修整。广告条的体积将会减小很多。它会去掉背景上的不必要的东西。

第四节 避开广告条的边缘

文字紧靠图片边缘的广告条让人看起来很不舒服,很不专业,您可以在设计中按我们的方法避免这一点。

广告条的边缘应该与广告内容保持适当的距离。广告中的文字的旁边要留有一定的空间。这样能使它们更明显。避免广告条的每一个角都有文字。不要以为你这样做会使它们很分散,你可以逐个细致入微地调整它们。让浏览者更好地理解。

第五节 激起浏览者点击的欲望

我们应该给浏览者一个点击广告的理由,给他们一个信息:点击后他们将能看到什么——免费的东西,有用的东西,让他们感兴趣的东西。将它们设计得富有乐趣,那它们则能让浏览者产生兴趣。
向消费者显示出你的质量、建立起你的信用。避免广告条有“我们想赚你的钱”这样的意思。
您可以试试以下的方法:
1. 把漂亮的图片放在左边,用吸引人的广告语,让用户知道你的广告能为他们做什么。

2. 通过给新用户一定的益处来欢迎他们是很重要的,然后再开始用做广告来向他们销售产品。你们是要做长期打算的,不是吗?

我们并不一定要直白的说:我们卖丝织手套——如果浏览者相信你说的三个简单步骤,也许他们会考虑购买你的丝织手套。

从你的广告条开始,慢慢将消费者自然地引导到购买的欲望中。

第六节 文字的间距

设计中需要注意文字的间距,可读性是最重要的。
有一个简单的规则:
小一些的字,要用大一些的间距;而大一些的字,可以用稍微小一点的间距,大字体要粗壮扁平。

第七节 文字的数量和复杂性

不要在广告条内放没用的东西,除非你想赶走你的客户。
制作BANNER广告,吸引注意力很重要,但当你的BANNER上满是吸引点,那很它将只会被注意,而不会有点击。这是自负的表现。自负不能卖钱。

复杂型BANNER的优点:
看上去很酷!所以可能会得到点击!
客户希望你能做10个以上!

复杂型BANNER的缺点:
可能不被浏览到
杂乱而造成难以正确看到
下载时间长

对比型BANNER的优点(首选的):
浏览者会自然地被吸引。
简单
下载非常快

对比型BANNER的缺点:
客户将认为你做得太简陋(你会问我为什么恨客户吗?)
有时目标群体会有问题?
如果你只想获得点击量,那你需要很有创意。

第八节 较长文字的处理

当你要用一个长句子,而这个长句子不能适合广告条时该怎么办?时代的节奏和网络浏览的速度让人们不喜欢读太长的句子。浏览者浏览时,他们是懒惰的。如果你要用一个长句,那么在排版上你应该让它变得令人喜欢。

当我们设计一个广告条的时候,我们应该假设自己在和一个浏览者对话,而不是在和整个互联网的所有用户。还要注意前面我们讲到的大号字用小间距,而小号字用大间距的方法,使用户容易阅读。

第九节 广告条设计中的留空

简约的设计更让人喜欢。‘让图形和文字呼吸’。

我的意思不是说要硬套上面的例子,设计中有很多有效应用留空的方法。只要你试着去做,会找到适合你广告的方法的。
以下这个动画的广告条很有效,因为它也应用了留空。观察它的每一帧。

第十节 文件的大小

广告条展示的速度非常重要,如果用户浏览完了网页,你的广告条甚至还没加载完成,那么再好的设计也是没用的。
1. 只用一种颜色的背景
迅速下载的绝对最佳的选择是只用一种颜色的背景。这也有得于形成强烈对比。
2. 避免使用华而不实的复杂效果
复杂的效果看似美好,但是由于在不同网络环境下展示的效果可能有偏差,而且会极大的增加文件大小,尽量避免使用。