教你如何設計頂尖電商banner

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

一、走心的文案

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

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

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

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

從廣告主的角度來看這是合理的，用戶需要知道我們產(chǎn)品有這些特點，這樣我的的產(chǎn)品和服務才能被記住。但事實往往是：這些平淡無趣的廣告，除了廣告主自己以外，很難有用戶真的愿意關(guān)注它。

那我們來分析下寫文案人的心理：B點明確，想讓用戶買我的記錄儀。

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

但用戶真正的A點可能并不是“想買記錄儀，不知道哪家記錄儀比較好”，而是“我為什么需要行車記錄儀。

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

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

不過我們這個Banner的使命就是吸引用戶點擊，提高頁面轉(zhuǎn)化率。用戶感興趣點了，你已經(jīng)做好了步了。

二、均衡的構(gòu)圖

構(gòu)圖其實說白了就是經(jīng)營畫面，進行布局，如何在你構(gòu)圖的引導下吸引用戶點擊，產(chǎn)生欲望，了解內(nèi)容，如果都能達到，那說明你的構(gòu)圖成功了。

看到這個banner這個圖完全抓不到重點啊，滿眼的小文字，另外加上兩個傲嬌的大叔。完全不知道想表達什么。等等，下面四個小方塊是什么鬼？構(gòu)圖感覺實在糟糕。那么下面來說以下banner的構(gòu)圖，構(gòu)圖規(guī)則分以下幾種：

1、左右式構(gòu)圖

常見的構(gòu)圖方式，分別把主題元素和主標題左右擺放。

2、居中輻射式構(gòu)圖

標題文字居中，分別把主題元素環(huán)繞在文字周圍，用在著重強調(diào)標題的環(huán)境

3、三角形構(gòu)圖

倒三角構(gòu)圖，標題突出，構(gòu)圖自然穩(wěn)定，空間感強。

4、斜線構(gòu)圖

產(chǎn)品所占比重相對平衡，構(gòu)圖動感活潑穩(wěn)定，運動感空間感強。此類構(gòu)圖適合科技、汽車、潮流題材，不過好像電商一般不賣汽車？

三、合適的字體

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

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

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

文藝氣質(zhì)：方正大小標宋、方正靜蕾體、方正清刻本悅宋、康熙字典體

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

女性氣質(zhì)：方正蘭亭超細黑、漢儀秀英體

字如其人，女性的特點是細致優(yōu)雅、苗條細長；常被用作化妝品、女性雜志、藝術(shù)等女性主題領(lǐng)域。

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

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

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

當然設計好電商banner還有很多要素，后面我會持續(xù)更新討論！

網(wǎng)頁設計

• 2020-11-09怎樣創(chuàng)建自己的網(wǎng)站,分享四點
• 2020-11-09自己如何建立公司網(wǎng)站 步驟分享
• 2020-11-11微信運營思維導圖 干活分享微信內(nèi)容如何建立
• 2020-11-11手機端網(wǎng)站建站的3點技巧分享
• 2020-11-11怎么推廣自己網(wǎng)站 三大有效推廣方法分享
• 2020-11-09網(wǎng)站品牌建設宣傳分享中數(shù)據(jù)怎么看
• 2020-11-11網(wǎng)站如何優(yōu)化--分享網(wǎng)站優(yōu)化的五個禁忌
• 2020-11-11新手站長如何做好網(wǎng)站建設 小技巧分享
• 2020-11-11佛山網(wǎng)站建設分享服裝網(wǎng)站建設的要領(lǐng)
• 2020-11-11如何讓網(wǎng)站排名靠前 技巧分享
• 2020-11-11佛山網(wǎng)站建設分享一個h5幾個網(wǎng)頁設計特效
• 2020-11-11名族風格的網(wǎng)站設計思考,佛山網(wǎng)站建設經(jīng)驗分享