淘寶banner怎么設(shè)計

一、接收到運(yùn)營的banner圖設(shè)計需求的時候，我們應(yīng)該怎么了解需求，獲取有用的信息?

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

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

2、主副標(biāo)題、促銷利益點(diǎn)等文案信息的確認(rèn)

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

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

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

4、與運(yùn)營或投放推廣人員溝通其看法或建議

很多新手常常拿到需求馬上按照套路去開始設(shè)計，完全忽略聽取對產(chǎn)品熟悉的運(yùn)營人員和對投放平臺了如指掌的推廣人員的看法和建議，導(dǎo)致返工。我們要知道，他們掌握著數(shù)據(jù)、比我們更加了解消費(fèi)者喜歡什么、需要什么，比較后還是因?yàn)樗麄兪桥陌逭fok的人。所以，我們要做的就是，聽取意見、結(jié)合自己的判斷，對于他們的意見或看法作做出適當(dāng)?shù)囊龑?dǎo)和取舍，開展設(shè)計，這樣做出來的banner圖才是雙方滿意的結(jié)果。

二、了解以上幾點(diǎn)信息并整合之后，我們應(yīng)該可以對banner圖的風(fēng)格定位好關(guān)鍵詞了

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

關(guān)鍵詞：高端、沉穩(wěn)(見圖一)

說到高端大牌這類的風(fēng)格，我們一般可以總結(jié)出以下幾點(diǎn)：

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

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

3、產(chǎn)品或模特占比相對大，往往多顏色多角度、內(nèi)部構(gòu)造或截取部分細(xì)節(jié)展示(因?yàn)榫褪峭癸@做工);

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

5、往往這種高冷風(fēng)的banner圖比較適用于數(shù)碼電子產(chǎn)品，牌等，彰顯其品牌或產(chǎn)品品質(zhì)。

關(guān)鍵詞：時尚、品質(zhì)感、促銷(時尚感大于促銷感)(見圖二)

我們來總結(jié)分析一下會發(fā)現(xiàn)有以下幾點(diǎn)：

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

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

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

4、文案這一塊一般都會有主標(biāo)題、副標(biāo)題、利益點(diǎn)這幾個文案信息，利益點(diǎn)要注重比例;

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

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

這種banner比較適合食品/零食類、偏可愛的服飾類，母嬰類,因?yàn)檫@些關(guān)鍵詞的屬性跟這些品類的特點(diǎn)是一致的，要給消費(fèi)者可愛、可口、甜美、極具親和力的感覺。

這種banner分析一下會發(fā)現(xiàn)有以下幾點(diǎn)：

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

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

3、會有某一個著重要突出的信息，但是整體畫面又注重比例的協(xié)調(diào)?？傊?，整體畫面感覺是不會有攻擊性的，是友好熱情的、具有親和力的。

關(guān)鍵詞：促銷，形式感佳(促銷鋪貨的目的性更強(qiáng))(見圖四)

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

這種分析一下會發(fā)現(xiàn)有以下幾點(diǎn)：

1、要么文案超級多，要么產(chǎn)品種類超級多，要么文案和品類都超級多;

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

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

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

重點(diǎn)來了，上面說了這么多例子，我們會發(fā)現(xiàn)，一個banner圖就是由以下幾個元素組成：

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

三、那么淘寶banner圖的設(shè)計我們應(yīng)該怎么玩?

1、產(chǎn)品擺放有幾種姿勢

(1)疊加的;

(2)模擬貨架擺放的;

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

(4)產(chǎn)品部分細(xì)節(jié)展示;

(5)產(chǎn)品懸浮，由遠(yuǎn)及近/由近及遠(yuǎn);

(6)產(chǎn)品組合堆放的;

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

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

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

疊加產(chǎn)品+切邊構(gòu)圖+截取部分產(chǎn)品展示+產(chǎn)品數(shù)量要多：

總結(jié)：

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

觀察分析如下：

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

2、因?yàn)檫x擇的是疊加模式，將產(chǎn)品融進(jìn)背景里的處理手法，所以對產(chǎn)品的顏色并無太多要求;

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

模擬產(chǎn)品真實(shí)擺放場景+三件以上產(chǎn)品：

總結(jié)：

這種作圖構(gòu)思主要就是嘗試營造一種一種現(xiàn)實(shí)的購物場景vr感，在一定的程度上增加消費(fèi)者在網(wǎng)購中的信任感和親和力。

觀察分析如下：

1、這種手法對于產(chǎn)品的拍攝角度有較高要求，因?yàn)榭瓷先ヒ鎸?shí)，如果透視陰影光線都不對，就穿幫了;

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

產(chǎn)品堆放+三件以上產(chǎn)品：

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

總結(jié)：

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

遠(yuǎn)景近景的對比+2件以上物品：

總結(jié)：

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

同理可應(yīng)用在穿在模特身上展示+大小對比+1件以上物品的形式上。這種形式需要一個姿勢好看或動感的模特試穿效果，若是左右的布局，則適合近大遠(yuǎn)小的形式，若為左中右布局，則適合大小相當(dāng)?shù)膶ΨQ式構(gòu)圖，顏色的選取和形塑造都應(yīng)該遵循產(chǎn)品本身的特點(diǎn)來，這是比較有依據(jù)的做法。

飄著的產(chǎn)品+大小對比+虛實(shí)對比+3件以上產(chǎn)品：

總結(jié)：

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

按某種規(guī)律平鋪產(chǎn)品+4件以上產(chǎn)品：

這個問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。

推薦閱讀：

網(wǎng)店刷單真的有效嗎？如何刷比較好？

拼多多回復(fù)率低有什么影響？怎么補(bǔ)救？

雙12怎么玩？跨店滿減使用范圍

更多資訊請關(guān)注幕 思 城。