接下來(lái)我要給大家講的是“Banner圖設(shè)計(jì)之商品圖該怎么玩”（下集），緊接著上篇文章“Banner圖設(shè)計(jì)之商品圖該怎么玩”（上集），我們繼續(xù)來(lái)講解這個(gè)問(wèn)題。

上集回顧：《電商干貨！BANNER圖設(shè)計(jì)之商品圖該怎么玩（上集）》

小婷姐的電商設(shè)計(jì)系列好文：

1. 《新人手冊(cè)！聊聊關(guān)于電商設(shè)計(jì)的那些事兒》
2. 《前輩經(jīng)驗(yàn)！聊聊新人設(shè)計(jì)師最容易遇到的12個(gè)問(wèn)題》
3. 《不怕沒(méi)靈感了！SALE 招牌的9種排版設(shè)計(jì)方法歸納（附案例）》
4. 《如何辨別一個(gè)BANNER的好壞？（附案例）》

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

那么我們看到商品或模特還有文案信息在一個(gè)banner圖里的重要性了吧？上面說(shuō)了這么多，我是不是好像偏題了？才沒(méi)有呢，上面相當(dāng)于是先把比賽規(guī)則說(shuō)清楚，接下來(lái)我才具體講這場(chǎng)比賽該怎么玩。

三、那么Banner圖設(shè)計(jì)之商品圖該怎么玩？

1、商品擺放有幾種姿勢(shì)

（1）疊加的

（2）模擬貨架擺放的

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

（4）商品部分細(xì)節(jié)展示

（5）商品平飄來(lái)飄去

（6）堆放的

（7）手繪商品（全手繪/部分手繪）

（8）拿在模特手上或穿在身上腳上

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

疊加商品+切邊構(gòu)圖+截取部分商品展示+商品數(shù)量要多。

總結(jié)：

將商品按一定的構(gòu)圖規(guī)律沿著banner圖四周環(huán)繞，這就跟給一幅畫(huà)加一個(gè)框把它裱起來(lái)一個(gè)道理，既美觀又能聚焦視覺(jué)到畫(huà)面中心，只不過(guò)這里是將視覺(jué)聚焦到中間文案，這也是為什么這種構(gòu)圖文案信息都是居中在畫(huà)布中間放置的原因，該手法在攝影構(gòu)圖中也很常見(jiàn)。

觀察分析如下：

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

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

3、這種常運(yùn)用于服飾鞋包、美妝護(hù)膚等活動(dòng)banner里。

還有其他類似手法的我們一起看下，下次遇到適合這樣處理商品的圖不妨一試，時(shí)尚感立馬提升。

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

總結(jié)：

這種手法主要就是試圖營(yíng)造一種真實(shí)的購(gòu)物場(chǎng)景體驗(yàn)，一定程度上增加網(wǎng)購(gòu)信任感和親和力。

觀察分析如下：

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

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

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

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

總結(jié)：

雖然都是堆放的形式，但是變化也是可以很多樣化，前面幾種三角堆放商品的形式在食品，服飾鞋包或綜合類目的活動(dòng)中應(yīng)用較多，后面幾種比較適合同類商品的堆放，要求商品形狀是比較規(guī)則的立方體或扁平的物體，想象一下堆積木或疊衣服就知道了。

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

總結(jié)：

這種形式不需要太多商品，比較適合推單品的活動(dòng)，要求商品拍攝角度要好看，45°角最佳，這樣透視感比較容易出來(lái)效果，近大遠(yuǎn)小，近景商品為主角。

穿在模特身上展示+大小對(duì)比+1件以上物品：

總結(jié)：

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

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

總結(jié)：

這種形式要求有一個(gè)中心主體，在正中間，比如文案信息，然后商品作為配角，或環(huán)形圍繞著他轉(zhuǎn)（想象一下宇宙銀河系什么的）或左右對(duì)稱漂浮著（對(duì)稱構(gòu)圖懂撒？左邊你飄一個(gè)大的，右邊我也飄一個(gè)大的，左邊你飄一個(gè)小的，右邊我也飄一個(gè)小的），或像生長(zhǎng)在主體周?chē)粯樱ㄏ胂氪髽?shù)上的葉子樹(shù)枝的生長(zhǎng)），所以說(shuō)，設(shè)計(jì)真的是有很多可以向大自然學(xué)習(xí)的規(guī)律。

按某種規(guī)律平鋪商品+4件以上商品：

總結(jié)：

這種形式適合任何布局，上下也好，左右也好，居中也好，都無(wú)限制，所以你的banner到底適合哪一種，就要看緣分和心情了。。（好吧其實(shí)要看你的商品適合哪種布局，具體請(qǐng)對(duì)照查看）。

鋪滿整個(gè)畫(huà)面+前后景+n多商品：

總結(jié)：

1、這種形式與清倉(cāng)大甩賣(mài)這種活動(dòng)簡(jiǎn)直是絕配，它往往意味著廉價(jià)，超級(jí)便宜，商品種類蠻多，往往也可以淘到很多物美價(jià)廉的商品（所以也不要覺(jué)得這種banner非常俗氣哦）。

2、將商品堆一堆鋪滿整個(gè)畫(huà)面，作為多彩的背景，將文案利益點(diǎn)放置在純色底上（背景復(fù)雜，前景肯定要干凈才可以突出文字撒）， 最后一步，將折扣信息突出突出再突出，一個(gè)banner就完成了，是不是感覺(jué)自己在做一道類似于火鍋大雜燴的黑暗料理？設(shè)計(jì)跟做菜也

是有相通之處呢，平時(shí)多思考觀察吧。

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

其實(shí)這種就是前面講到的很常見(jiàn)的商品三角構(gòu)圖堆放，文案和商品左右布局啦，只是商品變成全手繪稿，設(shè)計(jì)感和藝術(shù)氣息立馬提升幾個(gè)臺(tái)階（你就當(dāng)我是夸張手法吧，畢竟讀書(shū)少），如果你有手繪功底并且時(shí)間充裕，并且你的需求人愿意讓你這么搞，你就開(kāi)干吧。

這三種構(gòu)圖前面也講到了，這里就不再多說(shuō)，我要說(shuō)的是，如果你有手繪功底，并且你的活動(dòng)類型是可愛(ài)或者炫酷，或者腦洞大開(kāi)的，你就發(fā)揮自己的特長(zhǎng)，加點(diǎn)想象力，在實(shí)物圖上手繪幾筆，虛實(shí)結(jié)合，畫(huà)面非常有活力，看到的人都會(huì)覺(jué)得，哇，好棒！不信你試一下？

總結(jié)：

1、硬性指標(biāo)：會(huì)手繪，有想象力，或者你會(huì)照葫蘆畫(huà)瓢也行

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

3、你的手繪內(nèi)容應(yīng)該是與商品活動(dòng)有關(guān)的或有聯(lián)系，如果你賣(mài)的是女裝，你畫(huà)只鴨子合適嗎？

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

結(jié)合商品本身的特點(diǎn)排版+從文案里找靈感+2件以上商品：

超大局部細(xì)節(jié)展示+1件商品：

總結(jié)：

1、超大局部細(xì)節(jié)展示（因?yàn)榇笈凭褪沁@么自信啊，我細(xì)節(jié)棒，做工好用料好，不怕你拿放大鏡看我）所以，有些天天喊著我要做大牌感大牌感的廣告，但是，給的商品又是拍攝質(zhì)量很糟糕的，或者做工很一般的，真想。。。。

2、大面積留白，畫(huà)面干凈無(wú)雜質(zhì)，商品就是唯一的主角

3、其次是品牌logo稍微醒目點(diǎn)，文案信息字體多比較纖細(xì)，并且字號(hào)很小，處在配角的位置，但是因?yàn)橥@種廣告大面積留白，即使字體很小很纖細(xì)可視度也很高，也不影響閱讀。

4、背景色多為黑、白、灰、色彩也比較單一，總之，就是高冷。

5、這種形式適用于奢侈品彰顯大牌調(diào)調(diào)的活動(dòng)，或者數(shù)碼電子產(chǎn)品，數(shù)碼電子產(chǎn)品也是喜歡走這種高冷路線，因?yàn)槔淇?，有bigger，讓人覺(jué)得擁有它很有面子，那種一般的商品比如衣服有線頭，褶皺，產(chǎn)品用料又不高檔做工不精細(xì)的就不要嘗試這種了，因?yàn)楸緛?lái)你是

想要裝大牌感來(lái)著，卻把你的瑕疵缺點(diǎn)展示出了，就起反作用了。

寫(xiě)在最后：

到這里，我們的上集和下集就都講完了，今天我們主要是講商品該怎么玩，因?yàn)橥嫔唐纷畋ｋU(xiǎn)，“玩”模特一方面找合適的人物比較費(fèi)時(shí)，另一方面往往涉及到肖像權(quán)問(wèn)題會(huì)有很多限制，尤其是大品牌或大的電商平臺(tái)更加謹(jǐn)慎，萬(wàn)一被告不就完了？還有，把商品排版玩轉(zhuǎn)了，距離走向人生巔峰也就不遠(yuǎn)了（哈哈，你信么？），今天就講到這兒了，下次再見(jiàn)，么么噠！~

歡迎關(guān)注小婷姐的微信公眾號(hào)「TTTink-D」，一個(gè)干貨與文筆俱佳的美女設(shè)計(jì)師：

微信公眾號(hào)簡(jiǎn)介：專注開(kāi)拓電商設(shè)計(jì)思維，不定期分享一些個(gè)人見(jiàn)解干貨，當(dāng)然也會(huì)分享一些頂級(jí)創(chuàng)意、攝影、人生感悟方面的好文啦。

「優(yōu)設(shè)2月份優(yōu)秀教程合集」

地圖圖標(biāo)教程：
《PS教程！手把手教你打造一個(gè)配色小清新的地圖圖標(biāo)》

卡通動(dòng)物肖像：
《AI教程！教你繪制六個(gè)扁平化風(fēng)格的卡通小動(dòng)物肖像》

卡通人物肖像：
《AI教程！教你繪制扁平化風(fēng)格的卡通人物肖像（四人組合篇）》

作者：@TTTing1

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量104萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com