你能做出多少種BANNER圖？

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

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

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

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

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

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

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

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

很多新手常常拿到需求馬上按照套路去開(kāi)始設(shè)計(jì)，完全忽略聽(tīng)取對(duì)產(chǎn)品熟悉的運(yùn)營(yíng)人員和對(duì)投放平臺(tái)了如指掌的推廣人員的看法和建議，導(dǎo)致返工。我們要知道，他們掌握著點(diǎn)擊數(shù)據(jù)、比我們更加了解消費(fèi)者喜歡什么、需要什么，最后還是因?yàn)樗麄兪桥陌逭f(shuō)ok的人。所以，我們要做的就是，聽(tīng)取意見(jiàn)、結(jié)合自己的判斷，對(duì)于他們的意見(jiàn)或看法作做出適當(dāng)?shù)囊龑?dǎo)和取舍，開(kāi)展設(shè)計(jì)，這樣做出來(lái)的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圖里，吸引點(diǎn)擊。以下我們看一些案例：

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

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

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

2、色彩相對(duì)單一化，一般常見(jiàn)黑色、白色、灰色作為主背景色（色彩單一、淺調(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àn)圖二）

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

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

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

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

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

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

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

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

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

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

2、色彩較為豐富，配色柔和，偏暖，給人熱情的感覺(jué)；

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

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

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

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

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

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

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

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

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

在一個(gè)優(yōu)秀的banner圖里面，產(chǎn)品或模特、文案信息使很重要的！上面說(shuō)了那么多，小編我是不是跑題了？才不是呢，上面說(shuō)的案例相當(dāng)于先把比賽規(guī)則說(shuō)清楚，接下來(lái)小編我才具體講這場(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)品的顏色并無(wú)太多要求；

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

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

總結(jié)：

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

觀察分析如下：

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

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

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

這四個(gè)都是橫向或縱向往一個(gè)軸線堆放，也是穩(wěn)定構(gòu)圖，類似玩樂(lè)高，做漢堡包，唯一要注意的是，產(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é)：

這種形式在展示中不需要過(guò)多的產(chǎn)品，比較適合擺放同類產(chǎn)品或單單一產(chǎn)品的活動(dòng)，但是要求產(chǎn)品的拍攝角度要求相對(duì)高，45°角較佳，因?yàn)檫@樣的透視感比較好出來(lái)效果、整個(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)來(lái)，這是比較有依據(jù)的做法。

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

總結(jié)：

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

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

總結(jié)：

這種形式適合產(chǎn)品的任何布局，上下結(jié)構(gòu)也好，左右結(jié)構(gòu)也好，居中結(jié)構(gòu)也好，沒(méi)有明顯的限制，產(chǎn)品擺放要規(guī)整要錯(cuò)落有致，有大有小或形狀規(guī)整，使得畫面相對(duì)緊湊，所以你的banner到底適合哪一種，就要看緣分和心情了。

手繪+虛實(shí)結(jié)合+1個(gè)以上產(chǎn)品：

這種形式比較考究設(shè)計(jì)師自身的手繪能力，設(shè)計(jì)感和藝術(shù)氣息立馬提升幾個(gè)臺(tái)階，如果你有手繪功底并且時(shí)間充裕，并且你的活動(dòng)類型是可愛(ài)或者炫酷，或者腦洞大開(kāi)的，你就發(fā)揮自己的特長(zhǎng)，加點(diǎn)想象力，在實(shí)物圖上手繪幾筆，虛實(shí)結(jié)合，畫面非常有活力，看到的人都會(huì)覺(jué)得，哇，好棒！不信你試一下？

總結(jié)：

1、相對(duì)需要一定的硬性指標(biāo)：會(huì)手繪，有想象力，或者你能夠照葫蘆畫瓢也行；

2、要找到你banner圖的定位，畢竟不是每個(gè)類目都適合這種手法，比如如果是要走國(guó)際高端路線，這種手法就會(huì)小兒科了，與品牌調(diào)性不一致，這種適用于潮牌服飾鞋包，護(hù)膚美妝，母嬰、韓系、日系可愛(ài)風(fēng)；

3、你的手繪內(nèi)容應(yīng)該是與產(chǎn)品活動(dòng)有關(guān)的或有聯(lián)系；

4、時(shí)間充裕，因?yàn)槭掷L比較費(fèi)時(shí)哦（牛逼的除外）。

寫在最后：

寫到這里，今天我們主要是講產(chǎn)品banner圖應(yīng)該怎么去玩，相信大家在沒(méi)有靈感的時(shí)候回顧一下這篇文章，腦袋中會(huì)不會(huì)蹦出幾個(gè)好的創(chuàng)意呢？那么小編就很滿足了~下次再見(jiàn)，么么噠！~