雖然互聯(lián)網(wǎng)發(fā)展迅速，但是利用Banner來推廣產(chǎn)品，依然是王道。
很多公司都采用這種形式進(jìn)行宣傳，優(yōu)點(diǎn)多多：便宜、效果可監(jiān)測、行之有效。
現(xiàn)在呢，假設(shè)有客戶讓你幫忙設(shè)計個Banner廣告，你要怎么設(shè)計呢？要怎么提高廣告的點(diǎn)擊率呢？

下面將詳細(xì)講述Banner設(shè)計的14條建議。

1. 選擇最有效的Banner尺寸

根據(jù)谷歌廣告，效果最好的Banner尺寸為：

• 336×280
• 300×250
• 728×90
• 160×600

理想情況下，如果客戶不限空間，那么Banner可以按照以上的尺寸進(jìn)行設(shè)計。

2. 層級分明

公司Logo:Canon 賣點(diǎn)：特價、新品首發(fā)

Banner設(shè)計首先要了解的、也是最重要的便是：設(shè)計的目的是為了提升品牌知名度，提高網(wǎng)站流量。一般Banner由3部分組成：

1. 公司 logo:?Logo設(shè)計必須能夠提升品牌知名度。在視覺上，要讓Logo在Banner眾多元素中脫穎而出。
2. 價值主導(dǎo):?通俗的講，通過產(chǎn)品/服務(wù)的賣點(diǎn)來吸引用戶消費(fèi)，”賣點(diǎn)”便是”價值主導(dǎo)”。是主打質(zhì)量？還是主打”折扣”？是主打”限時特供”？還是主打”買一送一”？這一部分一般占據(jù)了Banner的大部分空間，而且要引起用戶的注意。
3. 行為召喚:?一般由文本或者按鈕構(gòu)成，比如”點(diǎn)我”、”了解更多”、”現(xiàn)在注冊”、”現(xiàn)在觀看”。行為召喚是Banner廣告中的視覺焦點(diǎn)，支持瀏覽者點(diǎn)擊深入

3.務(wù)求簡約

設(shè)計越簡約，內(nèi)容越清晰，用戶便能更迅速的看到Banner廣告。

4. 恰當(dāng)利用按鈕

按鈕能夠提高點(diǎn)擊率，有效的引起因為召喚。一般在右下角，采用對照感比較強(qiáng)烈的色彩。

5. 清晰的邊框

從左到右:?Android,?Netflix,?Bing

人眼會自然的觀察框架中的物體。因此，Banner廣告的邊緣最好有清晰的邊框。如果廣告是白色，那么建議使用灰色1px邊框。如果不是白色，那么可以使用黑色。這個小技巧能讓你的Banner醒目一點(diǎn)。

6. 文本要清晰可見

Citibank,?Starbucks,?Citibank,?Canon,?Sprint的Banners

該做:?標(biāo)題和正文使用不同的字體尺寸，盡量4行以內(nèi)

不該做:?使用非主流字體、潦草的字體、過于纖細(xì)的字體、全大寫字體、小于10pt的字體。

7. 設(shè)計要和品牌形象一致

M&M’的廣告

Banner廣告可是鏈接到登錄頁的。因此一致性一定要強(qiáng)，要向用戶展示公司的形象。

8. 正確的文件格式

.JPG, .PNG, .GIF, 或者 Adobe Flash格式都可以，能夠讓你的廣告有效的傳遞。如果是Flash Banner，記得要轉(zhuǎn)換成.GIF格式，這樣就能獲取全設(shè)備支持，也便會有更多的人瀏覽Banner。

9. 文件要盡可能的小

越小越好，最好小于150kb，因為用戶一般登陸一個網(wǎng)站會直接向下翻動，因此，如果能夠迅速載入，便能”趕得上”，便有機(jī)會讓用戶看到Banner廣告。

10. 妙用圖片，但不要過度依賴

從左到右:?Victoria’s Secret,?New York Life,?Ally

選擇相關(guān)的圖像、照片可以提高信息的傳達(dá)能力。
沒有過于抽樣的概念，沒有過多的文字?jǐn)⑹?，一圖勝千言。
不過總的來說，圖片也不是時刻有效，有的時候字體設(shè)計也很影響廣告效果。

11. 打造一種緊迫感

通過使用粗重、對照分明的字體，打造一種視覺上的緊迫感。讓用戶迫不及待的購買、點(diǎn)擊。不過這招偶爾試一下還行，不能總用。

12. 合適的色彩

從左到右:Tyroweb Book Publishing,?Samsung,?Apple,?Google,?Chase,?Weight Watchers

談到色彩，不妨多看看優(yōu)設(shè)網(wǎng)的一些文章，這里就不詳談了。用色正確，方為王道。
還有，設(shè)計Banner時要用RGB色彩模式，因為一般都是在屏幕上看廣告的。

13. 嘗試一下動效

動態(tài)廣告總比靜態(tài)廣告更醒目，但一定要確保動效設(shè)計清晰、直接、不偏題。
不超過15s、簡約的動效最好，一般不要重復(fù)播放超過10次。還有，動效要能有效的引起行為召喚。

14. 與網(wǎng)站協(xié)調(diào)搭配，同時又能脫穎而出

Dos Equis?在?ESPN上的廣告

如果你的廣告和網(wǎng)站的風(fēng)格相符，完美搭配，那么用戶會對這則廣告產(chǎn)生信息感。與此同時，還要努力的讓廣告脫穎而出，這就看各位功力了。
這就是全部，要注意，Banner設(shè)計是一種功能大于形式的設(shè)計，好看沒有用，即便再丑，但是點(diǎn)擊率高就足夠了，這才是Banner設(shè)計的精要所在。
原文地址：99designs
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。