运营最爱的电商Banner长这样！

那啥，好久不见的干货教程又来了~

大家准备好了没有？

我们都知道，电商的一切运作都是围绕运营展开的，设计本身也是运营的一个环节。所以今天这期教程我打算带大家换个视角，跳出视觉设计这个范围，以运营的角度来思考一下什么是好的设计。

毫无疑问，在运营的眼里，能卖货的广告就是好设计。那这样的广告具体到视觉上都有哪些共性呢？跟我一起来看看吧！

‍

有同学可能会疑惑了，我写的中文，怎么会看不懂？

这里说的看得懂，是指图文表达的主题是否清晰。让用户一眼就看出来你想传达什么信息。

例如下面这张图，是想表达这个包包是春季新品？还是它适合在春天踏青使用，或者说它的皮质是原生态的？

主题不清晰

另外画面有一点魔幻风格，跟“春丽佳人”这样女性柔美的主题也完全不搭。所以这属于看不懂的设计。

再来一个看得懂的设计。

顺丰——优质服务

轻盈——使用体验

夏天——使用场景

所有元素扣住主题

同样是卖包，这个广告就很清晰。

一点点阳光+夏装的模特展示，看似平平无奇，但实际上所有的元素都扣住主题，一看就懂。

看出区别来没有？好的广告banner，所有的元素必须是有的放矢，图和文是相互呼应，相互加强的。

让人看懂这是一个商业设计最最基础的要求，但是在实际的工作中，许多新手设计师往往将注意力放在视觉效果上，而忽略了这些最基础的东西。

来看看下面这些具体案例你就更能理解了。

案例1：

看文案是卖衣服，看图片效果是卖零食，到底是弄哪样？

正常的服装广告

案例2：

你以为是卖小吉他？不，它是卖墨镜的！

将售卖信息表达清晰是最基本的

案例3：

不是男神节吗，放一男两女的是几个意思？

衣服颜色这么突出，电视柜这么小，

到底是卖衣服还是家居品的？

广告越简单清晰越易懂

案例4：

让人一头雾水的谐音梗。

案例5：

从图片调性来看，这张图品牌感挺强，是属于品牌促销，文案也挺清晰。但问题是无论是图片还是文案，都缺少了品类或品牌的信息，导致整个广告的主题表达变得很模糊，不知道是“谁”，在卖什么？

按照上面的思路，我们来简单优化一下。

1 图片：选择产品露出比较明显的图。

2 文案：增加品牌的信息。

优化后：

改完之后，将品牌、产品、促销信息这三要素交待得很清楚。相对于原图，我们一眼就能看明白要表达什么了。

从上面的几个案例我们可以看到，看不懂的广告图主要是由两个原因导致的：

1、图文不符。

2、主体表达不清。

可能有些同学会说，上面这些例子中，很多是文案的问题，这个锅设计师不背！

如果你这样想那就大错特错了，在电商行业中，所有的工作都是为了卖货，其实所有人都是运营，因此广告画面中出现的每一个元素，都需要你经过思考，这样才是对设计负责的态度。

OK，继续。

好像也有点废话是不是？看都看不清那还叫广告啊。

我们这里说的看得清，指信息传达要简洁、高效，让用户在一扫而过的瞬间就看明白广告要表达的内容。

记住，2-3秒钟不能看明白的广告，都是纸老虎！

实际上我们经常会遇到“看不清”的广告，造成看不清最常见的原因有两种:

1、对比不够。

商品和文字都有可能对比不够，造成画面没有重点，我们通过一些案例来详情说明。

案例1：

背景太花，标题跟背景糊在一起。

标题尽量放在干净的背景上

案例2：

标题的颜色太弱，没跳出来

标题的颜色要跟背景拉开对比

案例3：

标题太小，而且颜色没拉开对比

促销就要大方的展示出来，视觉上要有力度

案例4：

商品图太小，盒子成了画面主角。

节日只是氛围，商品才是主角

2、过度设计。

过度设计也是新手设计师常犯的错误，新手们往往不够自信，认为要多增加特效才是“有设计感”的。殊不知，这样会让设计脱离了需求本身，造成画面混乱，从而降低了信息的传达效率。

来看看具体的案例。

案例1：

太多的画面切割，导致信息零碎，看不清楚。

设计形式需要为内容服务

案例2：

场景设计得过于复杂，影响了产品和标题的展示。

案例3：

文案的样式太多，分布太散，让人不知道从哪里看起。

接下来我们将案例3进行优化，看一下如何快速的将一个广告变得清晰易懂。

第1步，先将模特抠出来。

第2步，将原图中的信息进行归纳分析，并理清层次。到这一步就基本能解决看得清的问题了。

第3步，在保证信息可读性的基础上，做排版处理。

第4步，添加一些装饰，让整个画面看起来更丰富一些。

OK，完工。

再对比一下原图：

在这个优化的过程中，我们可以看到，设计的每一步都是围绕如何清晰表达信息进行的，只有基于明确的思路，我们才能知道什么设计元素是可以加，什么是不能做的。

好了，来看下一条。

啥叫有情绪？改了一百遍的设计稿，算不算有情绪？

不，这里的情绪当然不是指你自己的情绪，而是指你的设计有没有挑动用户的情绪。

相信大家都听说过一些网红句子吧，比如说：

再不疯狂我们就老了。

生活不止眼前的苟且，还有诗和远方。

...

为什么这些句子特别能打动人？因为点燃了大部分上班白领内心的焦虑情绪，所以它的传播力量是无法阻挡的。

在商业设计中，对人性弱点的利用更是无所不用其极，绝大多数广告中我们都可以看到对情绪的挑动。

有没有这么夸张？看下面的例子你就明白了。

攀比：

大多数人是不是都特别喜欢看各种排行榜？这就是攀比心理在作祟。

每个女人都有，你没有就out了！

韩国明星都在用，还不快买！

恐吓：

不化妆，男神就跟别的女人跑了！

没有SK2，皮肤就没有弹性！

不够白，你就会埋没在人海。

性暗示：

CK的海报，你细品一下，是不是觉得只要穿上这个牛仔裤，你就可以那啥了？

从众心理：

大家在买，肯定错不了，买吧！

懒惰：

懒惰是人的天性，能给人节省时间或者精力的设计，都是好设计。

贪婪：

分分钟就能发财的感觉。

有羊毛不薅，天理不容！

制造焦虑：

再不买就没有了！

鼓励放纵：

消解你怕胖的负面情绪。

以任性自由价值观的名义鼓励你吃零食。

看到没有，只要是人的七情六欲，不管是正面的还是负面的，都可以加以利用。

当然，我们这里不涉及到对或错的价值判断，只是告诉大家，商业设计是为人服务的，离不开对人的理解。所以我们每做完一个设计，不妨问自己一下：这个设计真的能打动人吗？

能不能打动人俺也不知道，但它能打动胃

好了，

来看最后一条。

是的，我把设计师最看重的这一项放在了最后。

这当然不是说视觉就是最不重要的，而是想说如果前面3点没做好，那视觉设计只能是空中楼阁。只有在符合商业需求的前提下，设计的价值才能最大化。

美感是一个偏主观的词，所以问题来了，我们用什么方法来评判一个设计有没有美感？

万变不离其宗，所有的设计都可以拆分成三个维度：

只要按照这3个维度来分析，我们就能大致上得出一个电商banner是否符合基本的审美。

当然，这里的每一个维度都是很大的命题，今天我没法详细展开。不过在前段时间的教程中，我将电商banner涉及到的主体物处理、构图、配色、装饰这些内容都讲过了，大家可以去回顾一下这两篇教程：

上篇：拯救手残！电商广告设计的救命4招！

下篇：拯救手残！电商广告设计的救命4招！

还有这篇关于构图的教程，也可以看一下：这6种平衡技！帮你大杀四方！

相信大家看完会有收获的！

好了，这期的教程就到这里。

表演结束

最后我们再来回顾一下，判断一个好banner的4条基本原则：

1、看得懂

2、看得清

3、有情绪

4、有美感

希望大家每做完一个banner，都套用这4条规则来审视一下自己的设计。