电商干货！BANNER图设计之商品图该怎么玩（下集）

接下来我要给大家讲的是“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