banner設(shè)計可以說是電商中很重要的一塊，好的Banner可以吸引用戶增加點擊率從而達成更多的訂單，Banner也是更換最快的，每逢佳節(jié)需要更換，每個季節(jié)需要更換，活動時也要更換，從設(shè)計成本上來講不可能給太多的時間給設(shè)計師，那么怎么在最短的時間做出漂亮且符合主題的Banner，掌握以下幾個技巧將會事半功倍。首先設(shè)計師需要根據(jù)活動以及產(chǎn)品確定風格與配色，然后才去排版和細節(jié)處理。

Banner設(shè)計常見的誤區(qū)如下：

01.過于強調(diào)英文（英文為主題除外）；

02.標題過于簡單缺乏設(shè)計感；

03.文案信息重復與矛盾；

04.標題與文案層級混亂；

05.主題與各元素之間過于緊密；

06.多余的裝飾元素；

07.不注重標簽設(shè)計；

08.商品之間沒有對比主題不明確；

09.背景紋理過于復雜；

10.配色雜亂不合理；

以上10點誤區(qū)是電商Banner設(shè)計中常常出現(xiàn)的問題，美工設(shè)計師需要避免上述的十則誤區(qū) ，在設(shè)計的過程中避免這些錯誤發(fā)生，那么設(shè)計一張優(yōu)秀的Banner就很容了。下面通過案例來分析上面所說的10個誤區(qū)。（申明：本文所有配圖都來自百度搜索，無法確定作者信息，實在抱歉。如有說的不對的地方請諒解，我們一起共同探討共同學習）。

案例一分析（這張Banner出現(xiàn)了4個常見的誤區(qū)）

誤區(qū)一，標題與標簽文案矛盾，一口價與全場19元起矛盾，到底是一口價還是19元起，沒有明確區(qū)分。

誤區(qū)二，主題不明確，買鞋子那么就要體現(xiàn)鞋子，給我的第一感覺是買衣服的，還在模特身上添加了一個圓圈，圓點圓圈有聚焦吸引視覺的效果，所以我們在看的時候視線就會被吸引到模特身上，而忽略了產(chǎn)品本身。

誤區(qū)三，背景過于雜亂，左上角一個三角塊帽子沒有任何意義，反而搶了618活動標簽的主題，右邊背景中S以及圓形條紋圖案也是無效的元素屬于多余的裝飾元素，如果要加裝飾元素就是幾條斜線就足夠。記住少即時多的原則，當我們主題比較復雜的時候就要減少設(shè)計元素做到簡潔，當我們主題比較單調(diào)時我們才會去做一些裝飾元素去豐富畫面，加入的元素也不是隨便亂加，需要和主題相符。

誤區(qū)三，標題和標簽層級混亂,這里應(yīng)該是以鞋子為主題，然而全場19元起標簽搶占了標題信息， 雖然文案部分排得方方正正，但是里面的信息是混亂的，沒有表達出主題。

誤區(qū)四，標題缺乏細節(jié)表現(xiàn)，標題在設(shè)計的時候盡量不要干巴巴的去表現(xiàn)，盡量做一些處理，這樣會給人一種精細感。案例二分析（這張Banner出現(xiàn)了7個常見的誤區(qū)）

誤區(qū)一，顏色搭配不佳，紅色搭配綠色很顯然不是最佳搭配，如果不知道如何搭配顏色時，最好的方法就是吸取產(chǎn)品本身的顏色去搭配，這樣不會出現(xiàn)格格不入的感覺，現(xiàn)在綠色在整個版面中顯得格格不入，如果把綠色換成藍色會不會要好很多。

誤區(qū)二，主體不夠突出，記住你賣的是什么產(chǎn)品，這張圖和上一張犯了同樣的錯誤，鞋子不夠突出，主要去突出模特顯得有點喧賓奪主。

誤區(qū)三，主題文字層級混亂沒有主次之分，標題和促銷活動信息沒有得到很好的區(qū)分，我們應(yīng)該突出的主題應(yīng)該是耀眼夏日閃亮女鞋館而不是促銷信息。

誤區(qū)三，主題過于復雜，模特去掉一個會更好，還是那就話少即是多，去掉沒用的元素。

誤區(qū)四，留白過少，這張圖看上去有點壓抑的感覺，主要原因就是版面太滿，留白太少就會給人一種壓抑不舒服的感覺。

誤區(qū)五，和上一張圖一樣，標題沒有看點缺少細節(jié)。

誤區(qū)六，右邊的文案不應(yīng)該豎排，而且不應(yīng)該出現(xiàn)在右邊。這樣的排版會造成沖突，左邊是橫排版在右邊突然出現(xiàn)這么兩行字，是不是很突兀。

誤區(qū)七，背景裝飾元素與主題不相容，加了這種元素只會分散我們的視覺，不會給我們的設(shè)計加分。一只鞋子還放在了左邊，畫面非常的混亂，而且沒有考慮到安全區(qū)域。

分析了兩張典型的反面案例差不多把我們在設(shè)計中常見的錯誤點了出來，下面我們來分析兩張優(yōu)秀的案例，學習一下別人是如何做的。

優(yōu)秀案例分析一

優(yōu)點一，主題突出，我們在選擇主題的時候要么以文字為主，要么以圖片為主，很明顯上面兩張圖都是選擇圖片作為主題，文案也比較清晰一目了然。

優(yōu)點二，巧用英文字母和模特之間的遮擋關(guān)系，體現(xiàn)出層次感。這樣做的好處是讓版面有層次感，不會出現(xiàn)呆板的效果。

優(yōu)點三，利用簡單的線框和線條達到強調(diào)聚焦的效果，不僅起到裝飾作用也體現(xiàn)了一種精細感在里面。

優(yōu)秀案例分析二

以上三張Banner設(shè)計也是非常優(yōu)秀的，優(yōu)秀的Banner第一要有明確的主題，用戶第一眼看上去不能出現(xiàn)錯亂的感覺，第二用色大膽但是要搭配合理，不能出現(xiàn)亂七八糟的色彩，第三沒有多余的干擾視覺的元素，第四標題和文案信息之間主次有序，找到重點用大小和色彩去區(qū)分它們。第五留白合理，不能太過于緊密。

今天的案例分析就到這里就結(jié)束，我們只要在設(shè)計的過程中多注意一下這些細節(jié)的地方，做出的效果就不會太差，我做設(shè)計的步奏一般我都會先確定風格，然后確定顏色，再然后才是版式，最后是細節(jié)處理。