高點擊率的Banner設(shè)計14招
雖然互聯(lián)網(wǎng)發(fā)展迅速,但是利用Banner來推廣產(chǎn)品,依然是王道。很多公司都采用這種形式進行宣傳,優(yōu)點多多:便宜、效果可監(jiān)測、行之有效。
現(xiàn)在假設(shè)有客戶讓你幫忙設(shè)計一個Banner廣告,你要怎么設(shè)計呢?要怎么提高廣告的點擊率呢?
來源:優(yōu)設(shè)網(wǎng)
下面將詳細講述Banner設(shè)計的14條建議。
1. 選擇最有效的Banner尺寸
- 336×280
- 300×250
- 728×90
- 160×600
理想情況下,如果客戶不限空間,那么Banner可以按照以上的尺寸進行設(shè)計。
2. 層級分明
Banner設(shè)計首先要了解的、也是最重要的便是:設(shè)計的目的是為了提升品牌知名度,提高網(wǎng)站流量。一般Banner由3部分組成:
1. 公司 logo:Logo設(shè)計必須能夠提升品牌知名度。在視覺上,要讓Logo在Banner眾多元素中脫穎而出。
2. 價值主導:通俗的講,通過產(chǎn)品/服務(wù)的賣點來吸引用戶消費,”賣點”便是”價值主導”。是主打質(zhì)量?還是主打”折扣”?是主打”限時特供”?還是主打”買一送一”?這一部分一般占據(jù)了Banner的大部分空間,而且要引起用戶的注意。
3. 行為召喚:一般由文本或者按鈕構(gòu)成,比如”點我”、”了解更多”、”現(xiàn)在注冊”、”現(xiàn)在觀看”。行為召喚是Banner廣告中的視覺焦點,支持瀏覽者點擊深入。
3.務(wù)求簡約
4. 恰當利用按鈕
5. 清晰的邊框
從左到右:Android, Netflix, Bing
人眼會自然的觀察框架中的物體。因此,Banner廣告的邊緣最好有清晰的邊框。如果廣告是白色,那么建議使用灰色1px邊框。如果不是白色,那么可以使用黑色。這個小技巧能讓你的Banner醒目一點。
6. 文本要清晰可見
Citibank, Starbucks, Canon, Sprint的Banners
該做:標題和正文使用不同的字體尺寸,盡量4行以內(nèi)
不該做:使用非主流字體、潦草的字體、過于纖細的字體、全大寫字體、小于10pt的字體。
7. 設(shè)計要和品牌形象一致

M&M’的廣告
Banner廣告可是鏈接到登錄頁的。因此一致性一定要強,要向用戶展示公司的形象。
8. 正確的文件格式
.JPG、.PNG、.GIF,或者 Adobe Flash格式都可以,能夠讓你的廣告有效的傳遞。如果是Flash Banner,記得要轉(zhuǎn)換成.GIF格式,這樣就能獲取全設(shè)備支持,也便會有更多的人瀏覽Banner。
9. 文件要盡可能的小
越小越好,最好小于150kb,因為用戶一般登陸一個網(wǎng)站會直接向下翻動,因此,如果能夠迅速載入,便能”趕得上”,便有機會讓用戶看到Banner廣告。
10. 妙用圖片,但不要過度依賴
從左到右:Victoria’s Secret, New York Life, Ally
選擇相關(guān)的圖像、照片可以提高信息的傳達能力。沒有過于抽樣的概念,沒有過多的文字敘述,一圖勝千言。不過總的來說,圖片也不是時刻有效,有的時候字體設(shè)計也很影響廣告效果。
11. 打造一種緊迫感
12. 合適的色彩
從左到右:Tyroweb Book Publishing, Samsung, Apple, Google, Chase, Weight Watchers
談到色彩,不妨多看看一些文章,這里就不詳談了。用色正確,方為王道。還有,設(shè)計Banner時要用RGB色彩模式,因為一般都是在屏幕上看廣告的。
13. 嘗試一下動效
14. 與網(wǎng)站協(xié)調(diào)搭配,同時又能脫穎而出
Dos Equis在ESPN上的廣告
如果你的廣告和網(wǎng)站的風格相符,完美搭配,那么用戶會對這則廣告產(chǎn)生信息感。與此同時,還要努力的讓廣告脫穎而出,這就看各位功力了。
這就是全部,要注意,Banner設(shè)計是一種功能大于形式的設(shè)計,好看沒有用,即便再丑,但是點擊率高就足夠了,這才是Banner設(shè)計的精要所在。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載,授權(quán)事宜請聯(lián)系作者本人,侵權(quán)必究。
本文禁止轉(zhuǎn)載,侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán),侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)