當前位置:
首頁 > 設計 > 高點擊率的 Banner設計技巧都在這裡啦

高點擊率的 Banner設計技巧都在這裡啦

對於Banner設計,很多人理解為是信手拈來,不需要太多的設計思路就可以完成,這是有必要改正一下的。設計banner可能並不難,但是設計一個稱職又有視覺衝擊力的banner,還是需要經驗積累的。設計師應該力求自己設計的每個banner都能經得起多方面的考驗。

雖然互聯網發展迅速,但是利用Banner來推廣產品,依然是如今電商的王道。很多公司都採用這種形式進行宣傳,優點多多:費用少、效果隨時可以監測、效果好。

但是,假設有客戶讓你幫忙設計個Banner廣告,你要怎麼設計才能提高廣告的點擊率呢?

下面小編就帶大家詳細了解提高點擊率的14條Banner設計原則!

1. 選擇最有效的Banner尺寸

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

336×280

300×250

728×90

160×600

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

2. 層級分明

公司Logo:Canon 賣點:特價、新品首發

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

公司 logo: Logo設計必須能夠提升品牌知名度。在視覺上,要讓Logo在Banner眾多元素中脫穎而出。

價值主導: 通俗的講,通過產品/服務的賣點來吸引用戶消費,"賣點"便是"價值主導"。是主打質量?還是主打"折扣"?是主打"限時特供"?還是主打"買一送一"?這一部分一般佔據了Banner的大部分空間,而且要引起用戶的注意。

行為召喚: 一般由文本或者按鈕構成,比如"點我"、"了解更多"、"現在註冊"、"現在觀看"。行為召喚是Banner廣告中的視覺焦點,支持瀏覽者點擊深入

3.務求簡約

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

4. 恰當利用按鈕

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

5. 清晰的邊框

從左到右: Android, Netflix, Bing

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

6. 文本要清晰可見

Citibank, Starbucks, Citibank, Canon, Sprint的Banners

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

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

7. 設計要和品牌形象一致

M&M 的廣告

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

8. 正確的文件格式

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

9. 文件要儘可能的小

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

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

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

選擇相關的圖像、照片可以提高信息的傳達能力。

沒有過於抽樣的概念,沒有過多的文字敘述,一圖勝千言。

不過總的來說,圖片也不是時刻有效,有的時候字體設計也很影響廣告效果。

11. 打造一種緊迫感

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

12. 合適的色彩

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

談到色彩,不妨多看看優設網的一些文章,這裡就不詳談了。用色正確,方為王道。

還有,設計Banner時要用RGB色彩模式,因為一般都是在屏幕上看廣告的。

13. 嘗試一下動效

動態廣告總比靜態廣告更醒目,但一定要確保動效設計清晰、直接、不偏題。

不超過15s、簡約的動效最好,一般不要重複播放超過10次。還有,動效要能有效的引起行為召喚。

14. 與網站協調搭配,同時又能脫穎而出

Dos Equis 在 ESPN上的廣告

如果你的廣告和網站的風格相符,完美搭配,那麼用戶會對這則廣告產生信息感。與此同時,還要努力的讓廣告脫穎而出,這就看各位功力了。

這就是全部,要注意,Banner設計是一種功能大於形式的設計,好看沒有用,即便再丑,但是點擊率高就足夠了,這才是Banner設計的精要所在。

點擊展開全文

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 PS平面設計教程 的精彩文章:

站酷金屬字特效打造震撼浮雕效果
Photoshop合成沉入水中的玻璃杯海報教程
設計頁面時使用曲線?
PS合成有妖氣的女巫圖片教程
PS把美女圖片轉為甜美清純的手繪效果

TAG:PS平面設計教程 |

您可能感興趣

Virgil Abloh設計風格再出現!這雙Nike Air VaporMax制勝細節怎麼能錯過!
Air Max 97拼接Air Max Plus,Nike這次的設計你覺得如何?
Virgil Abloh設計風格再出現!這雙Nike Air VaporMax制勝細節怎麼能錯過?!
Behance上最優秀的UI設計都有哪些?
微軟全力準備Surface Phone:這外形設計真棒
這雙粉粉可愛的Nike Air More Uptempo,你能猜到它的設計靈感嗎?
Made In Crown Jewellery的珠寶設計首飾,比起哪家都酷多了!
G-Dragon 為好友打造 Nike Air Force 1 專屬設計
做一個好的設計,需要考慮那些因素byFoster+partners設計事務所
採用全新硬體設計,蘋果iPhone8和iPhoneX不受降頻門影響?
Lightning和USB Type-C 設計上各有什麼優劣?
有點酷?Nike Vapormax 最新設計作品
中國廠商給iPhoneX設計的Home鍵 蘋果可能都看懵了
Mi MIX 2s最新概念設計高清圖:沒有缺口, 不像醜陋的iPhoneX
魅族15遭曝光 圓形Home鍵設計這是要模仿iPhone嗎?
Balenciaga Triple S踢爆高額定價,中國時裝設計的未來已來?
Panerai Traits:引領你探索至純設計本質—設計
Fashion Dogg&Gear Up 不只是設計-專業化的設計師對話
Galaxy S9和iPhone X的設計誰能更勝一籌?用戶的反映給了答案
這一季,Bella Hadid和Kaia Gerber只想戴他設計的帽子