高點擊率的BANNER設(shè)計14招

2013-10-29    藍藍設(shè)計的小編

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

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

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

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

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

1. 選擇最有效的Banner尺寸

sizes

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

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

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

2. 層級分明

8817073_112024205113_2

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

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

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

3.務(wù)求簡約

Simple

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

4. 恰當利用按鈕

buttons

按鈕能夠提高點擊率,有效的引起因為召喚。一般在右下角,采用對照感比較強烈的色彩。

5. 清晰的邊框

frame

從左到右: Android, Netflix, Bing

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

6. 文本要清晰可見

readable

Citibank, Starbucks, Citibank, Canon, Sprint的Banners

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

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

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

consistency

M&M’的廣告

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

8. 正確的文件格式

File_Formats

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

9. 文件要盡可能的小

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

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

relevant

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

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

11. 打造一種緊迫感

LimitedTimeDeal

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

12. 合適的色彩

colors

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

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

13. 嘗試一下動效

GIF

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

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

Compliments

Dos Equis  ESPN上的廣告

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔