轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源：http://www.uisdc.com/banner-click-rate

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，   請(qǐng)點(diǎn)這里

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

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

1. 選擇最有效的Banner尺寸

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

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

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

2. 層級(jí)分明

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

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

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

3.務(wù)求簡(jiǎn)約

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

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

按鈕能夠提高點(diǎn)擊率，有效的引起因?yàn)檎賳尽Ｒ话阍谟蚁陆?，采用?duì)照感比較強(qiáng)烈的色彩。

5. 清晰的邊框

從左到右: Android, Netflix, Bing

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

6. 文本要清晰可見

Citibank, Starbucks, Citibank, Canon, Sprint的Banners

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

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

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

M&M’的廣告

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

8. 正確的文件格式

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

9. 文件要盡可能的小

越小越好，最好小于150kb，因?yàn)橛脩粢话愕顷懸粋€(gè)網(wǎng)站會(huì)直接向下翻動(dòng)，因此，如果能夠迅速載入，便能”趕得上”，便有機(jī)會(huì)讓用戶看到Banner廣告。

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

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

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

11. 打造一種緊迫感

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

12. 合適的色彩

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

談到色彩，不妨多看看優(yōu)設(shè)網(wǎng)的一些文章，這里就不詳談了。用色正確，方為王道。
還有，設(shè)計(jì)Banner時(shí)要用RGB色彩模式，因?yàn)橐话愣际窃谄聊簧峡磸V告的。

13. 嘗試一下動(dòng)效

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

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

Dos Equis 在 ESPN上的廣告

如果你的廣告和網(wǎng)站的風(fēng)格相符，完美搭配，那么用戶會(huì)對(duì)這則廣告產(chǎn)生信息感。與此同時(shí)，還要努力的讓廣告脫穎而出，這就看各位功力了。
這就是全部，要注意，Banner設(shè)計(jì)是一種功能大于形式的設(shè)計(jì)，好看沒有用，即便再丑，但是點(diǎn)擊率高就足夠了，這才是Banner設(shè)計(jì)的精要所在。