從事網頁設計的設計師都知道，banner設計最為常見的。對於一個網站來說，它甚至就是支撐性的「糧食」。也是新產品、服務和優惠活動的一個主要呈現方式。

那banner設計到底是什麼鬼?雖然你經常接觸，但未必會瞭解清楚!banner的突出作用就是為了吸引用戶的關注，吸引用戶去點擊它。所以它的主題要明確，要突出最為關鍵性的內容。其實說白了，banner設計就是廣告。通常需要穿插在頁面當中，最高境界是「潤物細無聲」，也就是能夠跟網站自然的融為一體。

※ 怎樣的banner設計才會令人頭痛

令人頭痛的banner設計主要有以下幾樣：

① 標題過於簡單缺乏設計感;

② 文案信息重複與矛盾;

③ 標題與文案層級混亂;

④ 主題與各元素之間過於緊密;

⑤ 多餘的裝飾元素;

⑥ 不注重標籤設計;

⑦ 商品之間沒有對比主題不明確;

⑧ 背景紋理過於複雜;

⑨ 配色雜亂不合理。

以上幾點誤區是電商banner設計中常常出現的問題，在設計過程中避免這些錯誤的發生，那麼設計一張優秀的banner就容易得多了。

案例一：

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

誤區二：主題不明確，如果是賣鞋子就應該突出鞋子，但banner給人的感覺是賣衣服，而且模特身上還添加了一個圓圈，把用戶的視線全部聚焦在模特身上，而忽略了產品本身。

誤區三：背景過於雜亂，整個畫面的元素太多，反而搶了618活動標籤的主題。在設計的時候請記住「少即是多」的原則，當主題複雜時盡量減少設計元素做得簡潔些;而主題比較單調時，就應該添加與主題相關的元素。

誤區四：標題和標籤層級混亂，本應以鞋子為主題，卻被19元起標籤搶佔了標題信息， 雖然文案部分排得方方正正，但裏面的信息是混亂的，沒有表達出主題。

誤區五：標題缺乏細節表現，標題在設計的時候盡量不要乾巴巴的去表現，盡量做一些處理，這樣會給人一種精細感。

案例二：

誤區一：顏色搭配不佳，紅色搭配綠色很顯然不是最佳搭配，如果不知道如何搭配顏色時，最好的方法就是吸取產品本身的顏色去搭配，這樣不會出現格格不入的感覺。

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

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

誤區四，主題過於複雜，盡量去掉沒用的元素，例如：模特。

誤區五：留白過少，版面太滿，給人一種壓抑不舒服的感覺。

誤區六：和上一張圖一樣，標題沒有看點缺少細節。

誤區七：右邊的文案不應該豎排，而且不應該出現在右邊。這樣的排版會造成衝突，左邊是橫排版在右邊突然出現這麼兩行字，是不是很突兀。

誤區八：背景裝飾元素與主題不相容，另外，左邊的鞋子讓畫面顯得非常的混亂。

※ 如何設計出令人賞心悅目的banner設計

想要設計出令人賞心悅目的banner設計，可以從構成banner設計的三個重點來入手(風格、

排版、配色)，然後再根據整體來進行調整，最後再優化細節。

首先是風格

Banner的風格有很多，但無論選取哪種風格，都應該以網站的風格為主，例如：網站以高端產品為主題，banner設計可以選擇時尚高端的風格;又例如，網站是以運動產品為主題的，banner設計則可以選擇充滿動感活力的風格。如果banner的風格與網站風格不一致，就會令整個網站顯得不倫不類。

其次是排版

所謂排版，即將文字、圖片、圖形等可視化信息元素在版面布局上調整位置、大小，使版面達到美觀的視覺效果。想要排版做得好看，就要懂得運用以下幾個原則：

一、對齊原則

相關的內容要對齊，方便用戶視線快速移動，一眼看到最重要的信息。

二、聚攏原則

將內容分成幾個區域，相關內容都聚在一個區域中。

三、留白原則

千萬不要把banner排得密密麻麻，要懂得留白，減少banner的壓迫感，突出重點內容。

四、降噪原則

顏色過多、字體過多、圖形過繁，都是分散讀者注意力的「噪音」。

五、重複原則

排版時，要注意整個設計的一致性和連貫性，避免出現不同類型的視覺元素。

六、對比原則

加大不同元素的視覺差異，這樣既增加了banner的活潑，又突出了視覺重點。

最後是配色

色彩是由色相、明度和純度構成的。每種色彩都會因為色相，明度，純度的不同，表現出不同的色彩感，色彩是有情感的，不同的配色會帶給人完全不同的心裏感受。所以當你在做banner的時候就要考慮你想要表達什麼樣的情感，想讓用戶看的時候有什麼樣的感受，你所表達的情感是不是符合主題內容，基於這些出發點再來做banner的配色就更加的 有目的性了。

Banner設計的確是網頁設計師比較頭疼的工作流程，它目標性很明確，但又最讓用戶感覺反感。所以，banner設計真的需要很用心!在最大程度上，激發用戶的點擊興趣!