淘寶banner怎么設計

一、接收到運營的banner圖設計需求的時候，我們應該怎么了解需求，獲取有用的信息?

1、淘寶banner圖是針對什么活動、為了什么目的而設計的

我們在設計之前需要知道為誰而做?比如說為了某某大型的節日專題活動還是單純的針對即將上新的單品預售?風格上是走高端大氣上檔次的，還是單純促銷鋪貨等等，所有的信息來源都關系到比較后的banner圖設計風格的走向，不然跑偏了又要重來了~

2、主副標題、促銷利益點等文案信息的確認

一般而言，我們回顧下一個完整的banner圖需要些什么?想到了吧~沒錯，就是文案+產品(或模特)+背景，所以說文案(主副標題、利益點)可以為我們提供靈感、確定設計的方向。所以在動手之前我們一定要再次確認好主副標題、促銷利益點等文案信息。

3、了解banner圖所投放的位置(包括尺寸/要求)

以淘寶首焦為例吧，首焦圖(尺寸520x280,72k)目前分兩種形式，一種規定要求的，一種是自由設計的，那么這時候我們就要看運營的需求，按規定的設計，背景色白色，那么就在文案排版、字體顏色以及產品身上做文章就好;如果自由設計，那么考慮更多的就是banner圖與周圍的關系，比如首頁banner圖背景色避免和左側導航背景同色，如何更加突出自身，搶先抓住消費者的眼球，從而，促進轉化!

4、與運營或投放推廣人員溝通其看法或建議

很多新手常常拿到需求馬上按照套路去開始設計，完全忽略聽取對產品熟悉的運營人員和對投放平臺了如指掌的推廣人員的看法和建議，導致返工。我們要知道，他們掌握著數據、比我們更加了解消費者喜歡什么、需要什么，比較后還是因為他們是拍板說ok的人。所以，我們要做的就是，聽取意見、結合自己的判斷，對于他們的意見或看法作做出適當的引導和取舍，開展設計，這樣做出來的banner圖才是雙方滿意的結果。

二、了解以上幾點信息并整合之后，我們應該可以對banner圖的風格定位好關鍵詞了

促銷、喜慶、高端、簡約、俏皮、活力、時尚、復古、特定點綴元素(以表達某些節日或季節)等等，但是，這些關鍵詞往往是一個或組合多個同時出現在一個banner圖里，吸引。以下我們看一些案例：

關鍵詞：高端、沉穩(見圖一)

說到高端大牌這類的風格，我們一般可以總結出以下幾點：

1、主背景大多留白十分合理;

2、色彩相對單一化，一般常見黑色、白色、灰色作為主背景色(色彩單一、淺調，就是為了能夠更好的凸顯主體產品，把吸引點聚焦到產品本身上去);

3、產品或模特占比相對大，往往多顏色多角度、內部構造或截取部分細節展示(因為就是凸顯做工);

4、不需要太多文案的修飾，化繁為簡，有時只需一個logo擺在那就足夠彰顯品牌;

5、往往這種高冷風的banner圖比較適用于數碼電子產品，牌等，彰顯其品牌或產品品質。

關鍵詞：時尚、品質感、促銷(時尚感大于促銷感)(見圖二)

我們來總結分析一下會發現有以下幾點：

1、注重文案的排版，文字排版規整有序，比如左對齊、右對齊或居中對齊，不會采取字體變形達到突出的目的，而是有一個著重突出的文字信息放大形成一個聚焦的視覺焦點;

2、色彩較為豐富，當然不建議用色過多，一般3種左右(當然如果產品本身就是顏色較多的情況下就適當調整了)，而配色參照產品本身或鄰近色來提取，只有某一個需要突出的文字信息才會用對比反差比較大的顏色，比如折扣促銷信息或重要的功能信息;

3、產品的角度展示好看，會給整個banner增色不少，當然產品的品質也要盡可能地高(常見產品角度：45°角，俯拾，平視，多顏色多角度的組合);

4、文案這一塊一般都會有主標題、副標題、利益點這幾個文案信息，利益點要注重比例;

5、這種banner一般比較適用于與時尚相關的美妝護膚、男女鞋箱包、配飾、食品等，偶爾母嬰類目也會有。

關鍵詞：可愛、熱鬧/喜慶、親合力(見圖三)

這種banner比較適合食品/零食類、偏可愛的服飾類，母嬰類,因為這些關鍵詞的屬性跟這些品類的特點是一致的，要給消費者可愛、可口、甜美、極具親和力的感覺。

這種banner分析一下會發現有以下幾點：

1、產品很多，畫面比例較滿，會有很多小色塊，手繪圖形，卡通等的點綴，使畫面不會過于單調;

2、色彩較為豐富，配色柔和，偏暖，給人熱情的感覺;

3、會有某一個著重要突出的信息，但是整體畫面又注重比例的協調。總之，整體畫面感覺是不會有攻擊性的，是友好熱情的、具有親和力的。

關鍵詞：促銷，形式感佳(促銷鋪貨的目的性更強)(見圖四)

這種banner比較是適合店鋪內清倉掉一些斷色斷碼的產品之類的尾貨、節日或大型活動的促銷活動，對于品類的要求沒有過多的限制。

這種分析一下會發現有以下幾點：

1、要么文案超級多，要么產品種類超級多，要么文案和品類都超級多;

2、色彩豐富、留白較少，注重文案排版，產品的選擇上需要注意顏色和形狀的選擇，有利于組合排版;

3、極其醒目的sale 或價格信息，就是以吸引消費者購買為目的，營造促銷感極強且便宜的氛圍。

總之，它就像線下商店里面熱情的促銷員，同時打扮的很親和，拿著喇叭喊：本店全場清倉大甩賣啦，快來看快來瞧啊，你買了不吃虧，你買了不上當啊!

重點來了，上面說了這么多例子，我們會發現，一個banner圖就是由以下幾個元素組成：

在一個的banner圖里面，產品或模特、文案信息使很重要的!上面說了那么多，小編我是不是跑題了?才不是呢，上面說的案例相當于先把比賽規則說清楚，接下來小編我才具體講這場比賽該怎么玩。

三、那么淘寶banner圖的設計我們應該怎么玩?

1、產品擺放有幾種姿勢

(1)疊加的;

(2)模擬貨架擺放的;

(3)平面構成圖形化的;

(4)產品部分細節展示;

(5)產品懸浮，由遠及近/由近及遠;

(6)產品組合堆放的;

(7)手繪產品(全手繪/部分手繪);

(8)拿在模特手上或穿在身上腳上。

而往往以上姿勢會一個或多個同時出現在banner里，下面我們看些實際案例吧：

疊加產品+切邊構圖+截取部分產品展示+產品數量要多：

總結：

將產品按照慣有的平面構圖思維去思考整個版面，banner里的產品圍繞文案的四周鋪陳，既能做到了整體的美觀度又能將消費者的眼球聚焦到產品圍繞下的中心區域的文案。

觀察分析如下：

1、這種構圖往往要求所選產品形狀要盡量規整，比如矩形，方形、圓形，擺放位置和大小要形成一定規律，有大有小，有高有低，切勿亂擺;

2、因為選擇的是疊加模式，將產品融進背景里的處理手法，所以對產品的顏色并無太多要求;

3、這種常運用于服飾鞋包、美妝護膚等活動banner里，下次遇到適合這樣處理產品的圖不妨一試，時尚感立馬提升。

模擬產品真實擺放場景+三件以上產品：

總結：

這種作圖構思主要就是嘗試營造一種一種現實的購物場景vr感，在一定的程度上增加消費者在網購中的信任感和親和力。

觀察分析如下：

1、這種手法對于產品的拍攝角度有較高要求，因為看上去要真實，如果透視陰影光線都不對，就穿幫了;

2、如果有條件在拍攝時就把場景搭建好，那么作圖的時候直接拿來用就好了。

產品堆放+三件以上產品：

這四個都是橫向或縱向往一個軸線堆放，也是穩定構圖，類似玩樂高，做漢堡包，唯*要注意的是，產品角度上有點變化可以讓畫面更靈活，如上圖所示。

總結：

雖然都是堆放的形式去構圖的，但是我們在實際做圖的時候使可以多樣化地去應用，前面幾種三角堆放的形式在食品類、服飾鞋包或綜合類目的活動的應用中較多，后面幾種比較適合的同類產品的堆放，要求產品擺放形狀都是比較有規律的立方體或扁平的產品。

遠景近景的對比+2件以上物品：

總結：

這種形式在展示中不需要過多的產品，比較適合擺放同類產品或單單一產品的活動，但是要求產品的拍攝角度要求相對高，45°角較佳，因為這樣的透視感比較好出來效果、整個畫面在產品擺放中近大遠小。

同理可應用在穿在模特身上展示+大小對比+1件以上物品的形式上。這種形式需要一個姿勢好看或動感的模特試穿效果，若是左右的布局，則適合近大遠小的形式，若為左中右布局，則適合大小相當的對稱式構圖，顏色的選取和形塑造都應該遵循產品本身的特點來，這是比較有依據的做法。

飄著的產品+大小對比+虛實對比+3件以上產品：

總結：

這種形式比較注重畫面聚焦視覺，要求畫面有一個中心主體，這個中心主體比如是文案信息之類的需要突出的內容，然后產品作為配角，或者圍繞著他轉或左右對稱漂浮著，或像生長在主體周圍一樣(就像大樹上的葉子樹枝的生長)，所以說，設計真的是有很多可以向大自然學習的規律。

按某種規律平鋪產品+4件以上產品：