高點(diǎn)擊率的BANNER設(shè)計(jì)14招

2013-10-29    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(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尺寸

sizes

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

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

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

2. 層級(jí)分明

8817073_112024205113_2

公司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)約

Simple

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

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

buttons

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

5. 清晰的邊框

frame

從左到右: Android, Netflix, Bing

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

6. 文本要清晰可見

readable

Citibank, Starbucks, Citibank, Canon, Sprint的Banners

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

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

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

consistency

M&M’的廣告

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

8. 正確的文件格式

File_Formats

.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. 妙用圖片,但不要過度依賴

relevant

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

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

11. 打造一種緊迫感

LimitedTimeDeal

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

12. 合適的色彩

colors

從左到右: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)效

GIF

動(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í)又能脫穎而出

Compliments

Dos Equis  ESPN上的廣告

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔