运营最爱的电商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条规则来审视一下自己的设计。
接下来到了大家的动手时间。
———————————-
应用今天学习到的知识点,自拟素材和文案,出1-2张设计稿。
尺寸:
宽度 1000px,高度不限。
格式:
提交作品的时候,需要把你的文件命名修改为:
你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg
(不要ai或者cdr等格式,也不要压缩包)
邮件标题:
20200426-你的名字-QQ-练习作品
请注意——————-
大家需要在练习作品中添加“庞门正道”或者“Artman design”的文字,以防止有人从网上盗图。
————————–
我会选择几位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。
下一期教程出来的时候公布优秀结果,投稿邮箱:
2994247228@qq.com。
———————————————–
上期的练习一共收到53份作品,大家辛苦了!
全部作品截图:
有许多同学都做得很不错,下面精选出3位同学送出小礼物:
01号作品
石梦常
风格挺好,一些光影有点生硬,可以再细化一下。字号上也可以再优化下,好多字显得有点小。
02号作品
轻衣
排版节奏不错,细节处理也挺精细,色彩上有点沉闷,灰色太多了,可以在背景上用金色提亮一下。
03号作品
橙子
很干净的设计,字体的颜色与背景有点不融合,另外有些字太小了,在手机上会阅读困难。
以上三位送出庞门正道定制本各一个!请你们看到消息后,尽快将收件地址发送到邮箱2994247228@qq.com,方便我这边及时给你们寄出奖品,谢谢。
———————–
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(在公众号回复:色彩教程,排版教程,有惊喜)
————————-
往期精华文章导读:
我怎么接到第一个单?
什么叫专业!?这就是专业!
老板,你的稿子改好了~
-END-
越努力,越幸运。
这里是庞门正道。