e-commerce-banner-design-method-1

編者按:Banner的重要性無需贅言,今天這篇文章從走心的文案、不同的構圖方法和如何字體選擇3個方面,聊聊如何迅速提升Banner的質量 >>>

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

作者:風尾竹,公眾賬號:liaosheji2010。

本文為作者授權優設發布,未經作者本人授權請勿轉載,謝謝 :)

一、走心的文案

好的標題能夠吸引你的注意,而糟糕的標題,讓人看都不想看,掃一眼便略過去了。所以做好Banner第一件事情,就是需要設計走心的文案。所謂走心,就是觸動你的心靈,或者說讓你感興趣,激發你的點擊欲望。

1ys20150614

我們時常會看見這樣的廣告:文案內容直接羅列了公司經營產品或業務,抑或是像說明書一樣詳盡介紹產品或服務的主要功能。從廣告主的角度來看這是合理的,用戶需要知道我們產品有這些特點,這樣我的的產品和服務才能被記住。但事實往往是:這些平淡無趣的廣告,除了廣告主自己以外,很難有用戶真的愿意關注它。

那我們來分析下寫文案人的心理:B點明確想讓用戶買我的記錄儀。那么A點是用戶想買記錄儀不知道哪家好,我的記錄儀有這么多功能,那么用戶一定需要這個記錄儀。

2ys20150614

但用戶真正的A點可能并不是“想買記錄儀,不知道哪家記錄儀比較好”,而是我為什么需要行車記錄儀?所以對于這樣的用戶A點,可能更合適的文案思路是告訴用戶:

3ys20150614

當然用戶絕對不會因為你寫了幾句話,就買下產品,還會考慮價格品質等等因素。不過我們這個Banner的使命就是吸引用戶點擊,提高頁面轉化率。用戶感興趣點了,你就成功了。

一篇幫你快速學會寫文案的經典好文:《年度最佳教程!7招教你寫出互聯網頂尖文案!》

二、均衡的構圖

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

4ys20150614

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

1、左右式構圖

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

5ys20150614

2、居中輻射式構圖

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

6ys20150614

3、三角形構圖

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

7ys20150614

4、斜線構圖

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

8ys20150614

三、合適的字體

9ys20150614

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

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

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

10ys20150614

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

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

12ys20150614

11ys20150614

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

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

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

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

13ys20150614

超全的字體性格分析:《字體教程還能這么玩!聊聊文字的性取向》

四、未完待續

fwzqr

【字體設計經驗三部曲】

Step 1:先從基礎的字體結構學起!
《字體科普文!手把手帶你認識最基礎的字體結構》

Step 2:再了解字體設計的方法大全!
《推薦:17種設計字體的創意方法》

Step 3:實戰經驗幫你全面掌握!
《經驗分享:超詳細的字體設計方法+案例分析》

作者:鳳尾竹
原文地址:weixin

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量96萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:

sdcweixin

點贊
收藏 2

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏