如何設計出高端的電商BANNER

當用戶訪問電商網站的時候，第一屏的信息展示是非常重要的，很大程度上影響了用戶是否決定停留，然而光靠文字大面積的堆積，很難直觀而迅速的告訴用戶來到這裡會得到什麼有用的信息，因此網頁Banner設計在這裡起到了至關重要的展示作用，特別是對於首頁Banner，有效的信息傳達可以快速提高頁面轉化率。那麼今天就幫大家總結一下怎樣做一個得體的banner。

一、走心的文案

好的標題能夠吸引你的注意，而糟糕的標題，讓人看都不想看，掃一眼便略過去了。

所以做好Banner第一件事情，就是需要設計走心的文案。

所謂走心，就是觸動你的心靈，或者說讓你感興趣，激發你的點擊慾望。

圖1

我們時常會看見這樣的廣告：文案內容直接羅列了公司經營產品或業務，抑或是像說明書一樣詳盡介紹產品或服務的主要功能。

從廣告主的角度來看這是合理的，用戶需要知道我們產品有這些特點，這樣我的的產品和服務才能被記住。但事實往往是：這些平淡無趣的廣告，除了廣告主自己以外，很難有用戶真的願意關注它。那我們來分析下寫文案人的心理：B點明確，想讓用戶買我的記錄儀。

那麼A點是用戶想買記錄儀不知道哪家好，我的記錄儀有這麼多功能，那麼用戶一定需要這個記錄儀。

圖2

但用戶真正的A點可能並不是"想買記錄儀，不知道哪家記錄儀比較好"，

而是"我為什麼需要行車記錄儀。

所以對於這樣的用戶A點，可能更合適的文案思路是告訴用戶：

圖3

當然用戶絕對不會因為你寫了幾句話，就買下產品，還會考慮價格品質等等因素。

不過我們這個Banner的使命就是吸引用戶點擊，提高頁面轉化率。用戶感興趣點了，你已經做好了第一步了。

二、均衡的構圖

構圖其實說白了就是經營畫面，進行布局，如何在你構圖的引導下吸引用戶點擊，產生慾望，了解內容，如果都能達到，那說明你的構圖成功了。

1、左右式構圖

最常見的構圖方式，分別把主題元素和主標題左右擺放。

圖4

2、居中輻射式構圖

標題文字居中，分別把主題元素環繞在文字周圍，用在著重強調標題的環境。

圖5

3、三角形構圖

倒三角構圖，標題突出，構圖自然穩定，空間感強。

圖6

4、斜線構圖

產品所佔比重相對平衡，構圖動感活潑穩定，運動感空間感強。此類構圖適合科技、潮流題材。

圖7

三、合適的字體

每個字體好像人一樣，都有自己的性格與氣質。選擇使用一款字體的時候，除了考慮它的易讀性，更多考慮的是這款字體能否準確地傳達出對產品獨有的氣質。

男性氣質：方正粗譚黑、站酷高端黑、造字工房版黑、蒙納超剛黑

黑體給人感覺粗壯緊湊，頗有力量感，可塑性很強。適用於各種大促類的電商廣告。

圖8

文藝氣質：方正大小標宋、方正靜蕾體、方正清刻本悅宋、康熙字典體（方正字體涉及知識產權，小夥伴們慎重使用哦）

宋體的衍生有很多，又長有扁，有胖有瘦。旅遊類電商網站經常會用到此類字體。運用宋體進行排版處理，既顯得清新又文藝。

圖9

圖10

女性氣質：方正蘭亭超細黑（方正字體涉及知識產權，小夥伴們慎重使用哦）、漢儀秀英體

字如其人，女性的特點是細緻優雅、苗條細長；常被用作化妝品、女性雜誌、藝術等女性主題領域。

文化氣質：王羲之書法字體、顏真卿顏體

書法字體具有很強的設計感與藝術表現力，運用好的話往往是點睛之筆。各式各樣的書法字體有著自己獨特的細膩的特點，把握好這一點，既能增加文化內涵，也能襯托出產品的氣質。

圖11

好了，今天的內容到這就結束了，內容有點多最後幫大家總結一下方便大家日後應用：

1.文案一定要走心，並能直白的告訴顧客你的產品是什麼和你的優勢

2.4種常用的構圖方式

3.合適的字體選擇

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