教您如何設計頂尖電商 banner

當多使用者訪問電商網站的時候,屏的資訊展示是非常重要的,很大程度上影響了多使用者是否決定停留,然而光靠文字大面積的堆積,很難直觀而迅速的告訴多使用者來到這裡會得到什麼有用的資訊,因此網頁 Banner 設計在這裡起到了至關重要的展示作用,特別是對於頁 Banner,有效的資訊傳達可以快速提高頁面轉化率。那麼竹子來教您如何做一個好的電商 Banner

一、走心的文案

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

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

所謂走心,就是觸動您的心靈,或者說讓您感興趣,激發您的點選慾望。

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

從廣告主的角度來看這是合理的,多使用者需要知道我們產品有這些特點,這樣我的的產品和服務才能被記住。但事實往往是:這些平淡無趣的廣告,除了廣告主自己以外,很難有多使用者真的願意關注它。

那我們來分析下寫文案人的心理:B 點明確,想讓多使用者買我的記錄儀。

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

但多使用者真正的 A 點可能並不是 “想買記錄儀,不知道哪家記錄儀比較好”,而是 “我為什麼需要行車記錄儀。

所以對於這樣的多使用者 A 點,可能更合適的文案思路是告訴多使用者:

當然多使用者絕對不會因為您寫了幾句話,就買下產品,還會考慮價格品質等等因素。

不過我們這個 Banner 的使命就是吸引多使用者點選,提高頁面轉化率。多使用者感興趣點了,您已經做好了步了。

二、均衡的構圖

構圖其實說白了就是經營畫面,進行佈局,如何在您構圖的引導下吸引多使用者點選,產生慾望,瞭解內容,如果都能達到,那說明您的構圖成功了。

看到這個 banner 這個圖完全抓不到重點啊,滿眼的小文字,另外加上兩個傲嬌的大叔。完全不知道想表達什麼。等等,下面四個小方塊是什麼鬼?構圖感覺實在糟糕。那麼下面來說以下 banner 的構圖,構圖規則分以下幾種:

1 、左右式構圖

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

2 、居中輻射式構圖

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

3 、三角形構圖

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

4 、斜線構圖

產品所佔比重相對平衡,構圖動感活潑穩定,運動感空間感強。此類構圖適合科技、汽車、潮流題材,不過好像電商一般不賣汽車?

三、合適的字型

竹子總感覺好像那裡不對,女性的特點是細緻優雅,為什麼字型如此粗壯了?和女性化妝品的氣氛完成不符啊。每個字型好像人一樣,都有自己的性格與氣質。選擇使用一款字型的時候,除了考慮它的易讀性,更多考慮的是這款字型能否準確地傳達出對產品獨有的氣質。下面竹子告訴您應該如何選擇字型。

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

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

文藝氣質:方正大小標宋、方正靜蕾體、方正清刻本悅宋、康熙字典體

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

女性氣質:方正蘭亭超細黑、漢儀秀英體

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

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

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

以上我羅列了電商 banner 設計中的幾個重要要點,

當然設計好電商 banner 還有很多要素,後面我會持續更新討論!