電商Banner設計策略

文/陸麗芳 Banner設計的主要目的是將活動信息準確的傳達給用戶，讓用戶第一時間知道賣的是什麼，起到引流的作用。在Banner設計時，能保證讓用戶明確主題的同時，進而讓用戶產生購買的慾望，就是成功的Banner設計。

Banner主要由產品圖或模特、文案、背景和點綴物組成，Banner的主體一般是產品、模特或文案，背景和點綴物一般是用來烘托主題、渲染氣氛和突出主體的，通過Banner快速地給消費者傳達出信息，引導和激發他們的購買慾望。在設計Banner時，要根據用戶群體和用戶需求進行風格策劃。

版式分割是指在有限的版面空間裡用圖形或圖片把整個版面分割為兩個或多個部分，用戶可以通過版面的面積大小判斷主次關係，起到了一定的引導性，增加畫面的層次感和節奏感、同時使畫面更具活力和視覺衝擊力。

目前比較常用的版面分割有直線型分割、傾斜型分割、三角形風格、圓形分割和不規則分割等，直線型分割給人一種理性的感覺；傾斜型分割會讓版面更具速度和動感。在運動、促銷和遊戲設計中可以考慮使用此類分割方式。

三角形是本身一個穩定的圖形，有很強的視覺引導性，通常會給人時尚、尖銳或暴力刺激等感受，如果想減輕尖銳感覺，可以改用矩形或多邊形作為分割圖形。圓形本身是一種光滑飽滿的圖形，所以會給人可愛、靈動的感覺會更具親和力，使人更容易接受，母嬰或歡樂氣氛的主題可以選擇此類分割方式；不規則形狀分割更加有利於氛圍的營造。

在確定了版面分割形式以後，接下來確定版式布局，主要有以下幾種常見的版式布局：

左右布局，產品和文案採用左右布局方式，清晰、直觀、容易分辨。

左中右布局，一般是文案在中間，兩邊是遠近搭配的模特或者產品，增加畫面層次感。

上下布局，此類布局適合產品和文案的結合，適合大促風格中產品較多的情況。

居中輻射式布局，它以中心開始布局向外擴張，此類布局,一般將文字作為中心，突出主標題，把其他主題元素環繞在文字周圍，構圖自然穩定、空間感強。此外，為了增加活動氛圍突出運動感，可以將構圖進行傾斜處理，但要注意角度不能超過45度，否則會影響閱讀。

Banner文案表達也直接關係到利益點的表達，文案的是否簡單明了、清晰易懂，直接影響著用戶的決策時間。在設計文案時，需要去挖掘用戶的某種情懷，只要得到了認同就能順利的獲取用戶的注意力，就能增強用戶對產品的接受程度，博取用戶的信任。

閱讀習慣一般是從上到下、從左右到右的掃描順序，文案排版一般分為左對齊、居中對齊和自由方式對齊。左對齊是最常見最直觀最傳統的文字排版方式；右對齊比較少見；居中對齊比較常見，也容易出效果；自由型會給人一種錯落的感覺，有很強的速度感。總之文案排版要適合版面布局，要充分融入到畫面中去。

在文案的字體設計方面，字體要與主題相符合要儘可能體現產品的性格與氣質，比如：女性化妝和服飾類就不適合使用粗壯的字體，應該選擇細緻優雅的字體。對字體進行適當變形，可以使文案更具設計感和視覺衝擊力。

字體設計上也可以選擇立體字的形式，立體字有很強的促銷效果，可以讓字體設計更加豐富、更有力度感，但要注意的是，立體字的厚度儘量不要超過字體筆畫的厚度，不然會顯得比較笨重。還可以考慮選擇使用描邊形式,描邊形式可以很好的解決文字與背景顏色太相近的的問題,可以加強層次感.但是要記住外框的顏色要比背景深一些。

配色主要解決背景、標題、元素和產品素材的配色關係，一個優秀的配色方案不僅能給用戶帶來感官上的享受，還可以激發用戶的情感。配色要符合品牌風格，例如：賣化妝品最好不要深色系的背景，除非是屬於高端品牌，深色系能帶來大氣奢華的感覺；電器類一般使用科技藍；化妝品類可以使用粉色；食品類可以使用橙色增加食慾。

一般深色背景配淺色產品，淺色背景配深色產品。對比色是用的最多的，在使用對比色時一般選用3種顏色中，只能選出一種顏色作為主色，其他兩種作為輔助色來使用，使產品和背景有明暗對比。

細節決定成敗，在設計行業中更是不變的真理。質感、光影、留白、字符間距、投影、和點綴物元素等都屬於細節的一部分。在畫面中增加光影，可以營造空間層次感，使畫面更飽滿。點綴物可以看成構成理論中點線面當中的點，這些點是豐富畫面氣氛的主要元素，點綴物的合理運用可以豐富畫面，增強趣味性和營造氛圍。

Banner設計需要站在用戶的角度，設計出適合用戶心理特徵的 Banner，讓其成為一個有個性、有脾氣的設計，增強用戶體驗滿足用戶瀏覽需求。