接下來我要給大家講的是“Banner圖設計之商品圖該怎么玩”（下集），緊接著上篇文章“Banner圖設計之商品圖該怎么玩”（上集），我們繼續來講解這個問題。

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

小婷姐的電商設計系列好文：

1. 《新人手冊！聊聊關于電商設計的那些事兒》
2. 《前輩經驗！聊聊新人設計師最容易遇到的12個問題》
3. 《不怕沒靈感了！SALE 招牌的9種排版設計方法歸納（附案例）》
4. 《如何辨別一個BANNER的好壞？（附案例）》

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

那么我們看到商品或模特還有文案信息在一個banner圖里的重要性了吧？上面說了這么多，我是不是好像偏題了？才沒有呢，上面相當于是先把比賽規則說清楚，接下來我才具體講這場比賽該怎么玩。

三、那么Banner圖設計之商品圖該怎么玩？

1、商品擺放有幾種姿勢

（1）疊加的

（2）模擬貨架擺放的

（3）平面構成圖形化的

（4）商品部分細節展示

（5）商品平飄來飄去

（6）堆放的

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

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

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

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

總結：

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

觀察分析如下：

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

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

3、這種常運用于服飾鞋包、美妝護膚等活動banner里。

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

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

總結：

這種手法主要就是試圖營造一種真實的購物場景體驗，一定程度上增加網購信任感和親和力。

觀察分析如下：

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

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

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

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

總結：

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

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

總結：

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

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

總結：

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

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

總結：

這種形式要求有一個中心主體，在正中間，比如文案信息，然后商品作為配角，或環形圍繞著他轉（想象一下宇宙銀河系什么的）或左右對稱漂浮著（對稱構圖懂撒？左邊你飄一個大的，右邊我也飄一個大的，左邊你飄一個小的，右邊我也飄一個小的），或像生長在主體周圍一樣（想想大樹上的葉子樹枝的生長），所以說，設計真的是有很多可以向大自然學習的規律。

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

總結：

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

鋪滿整個畫面+前后景+n多商品：

總結：

1、這種形式與清倉大甩賣這種活動簡直是絕配，它往往意味著廉價，超級便宜，商品種類蠻多，往往也可以淘到很多物美價廉的商品（所以也不要覺得這種banner非常俗氣哦）。

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

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

手繪+虛實結合+1個以上商品：

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

這三種構圖前面也講到了，這里就不再多說，我要說的是，如果你有手繪功底，并且你的活動類型是可愛或者炫酷，或者腦洞大開的，你就發揮自己的特長，加點想象力，在實物圖上手繪幾筆，虛實結合，畫面非常有活力，看到的人都會覺得，哇，好棒！不信你試一下？

總結：

1、硬性指標：會手繪，有想象力，或者你會照葫蘆畫瓢也行

2、要你的活動定位愿意讓你這么干，畢竟不是每個類目都適合這種手法，比如如果是要走國際高端路線，這種手法就會太小兒科了，與品牌調性不一致，這種適用于潮牌服飾鞋包，護膚美妝，母嬰、韓系日系可愛風。

3、你的手繪內容應該是與商品活動有關的或有聯系，如果你賣的是女裝，你畫只鴨子合適嗎？

4、時間充裕，因為手繪比較費時哦（牛逼的除外）

結合商品本身的特點排版+從文案里找靈感+2件以上商品：

超大局部細節展示+1件商品：

總結：

1、超大局部細節展示（因為大牌就是這么自信啊，我細節棒，做工好用料好，不怕你拿放大鏡看我）所以，有些天天喊著我要做大牌感大牌感的廣告，但是，給的商品又是拍攝質量很糟糕的，或者做工很一般的，真想。。。。

2、大面積留白，畫面干凈無雜質，商品就是唯一的主角

3、其次是品牌logo稍微醒目點，文案信息字體多比較纖細，并且字號很小，處在配角的位置，但是因為往往這種廣告大面積留白，即使字體很小很纖細可視度也很高，也不影響閱讀。

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

5、這種形式適用于奢侈品彰顯大牌調調的活動，或者數碼電子產品，數碼電子產品也是喜歡走這種高冷路線，因為冷酷，有bigger，讓人覺得擁有它很有面子，那種一般的商品比如衣服有線頭，褶皺，產品用料又不高檔做工不精細的就不要嘗試這種了，因為本來你是

想要裝大牌感來著，卻把你的瑕疵缺點展示出了，就起反作用了。

寫在最后：

到這里，我們的上集和下集就都講完了，今天我們主要是講商品該怎么玩，因為玩商品最保險，“玩”模特一方面找合適的人物比較費時，另一方面往往涉及到肖像權問題會有很多限制，尤其是大品牌或大的電商平臺更加謹慎，萬一被告不就完了？還有，把商品排版玩轉了，距離走向人生巔峰也就不遠了（哈哈，你信么？），今天就講到這兒了，下次再見，么么噠！~

歡迎關注小婷姐的微信公眾號「TTTink-D」，一個干貨與文筆俱佳的美女設計師：

微信公眾號簡介：專注開拓電商設計思維，不定期分享一些個人見解干貨，當然也會分享一些頂級創意、攝影、人生感悟方面的好文啦。

「優設2月份優秀教程合集」

地圖圖標教程：
《PS教程！手把手教你打造一個配色小清新的地圖圖標》

卡通動物肖像：
《AI教程！教你繪制六個扁平化風格的卡通小動物肖像》

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

作者：@TTTing1

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量104萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com