淘寶banner怎么設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4、不需要太多文案的修飾，化繁為簡(jiǎn)，有時(shí)只需一個(gè)logo擺在那就足夠彰顯品牌;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(1)疊加的;

(2)模擬貨架擺放的;

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

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

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

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

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

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

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

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

總結(jié)：

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

觀察分析如下：

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

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

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

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

總結(jié)：

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

觀察分析如下：

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

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

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

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

總結(jié)：

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

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

總結(jié)：

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

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

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

總結(jié)：

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

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

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

推薦閱讀：

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

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

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

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