电商教程!教你如何把控Banner设计中促销氛围的“火候”

总有一些文章,相见恨晚。设计规范、职场规划、经验总结一网打尽。 立即访问
  • 水平 : 入门
  • 观众 : 5150
  • 时间 : 2018-02-03

教程

教程作者:做设计的面条 (授权转载)

交作业:#优设每日作业#

做电商的人接触促销类的设计需求应该是最多了的吧,但是促销是不是就意味着一定要红红火火,一定要五颜六色热热闹闹的呢?我想不一定吧,所以今天我们一起来探讨下这个话题咯~

做电商的人接触促销类的设计需求应该是最多了的吧,但是促销是不是就意味着一定要红红火火,一定要五颜六色热热闹闹的呢?我想不一定吧。

虽然红红火火五颜六色是比较刺激感官,但是太过火的话就会让人感觉不舒服产生视觉疲劳,太弱的话又会感觉没有促销氛围,所以有没有什么方法是能够平衡舒适和促销之间的关系的呢?今天,我们就来一起来探讨这个话题:如何掌握 Banner 设计中促销氛围的“度”

我们知道,高冷大牌/简洁留白和低价热闹促销就好比我们整个设计调性的2个极端:

我们先看几个示例:

高冷大牌,自信到连文案都不需要

文艺范 Banner ,活在自己的世界里

新品首发banner,可以稍微热情一点点

时尚类banner,可以稍微酷一点

小清新banner,可以卡哇伊一点

另类型banner,可以搞怪一点

低价促销banner,可以逗比疯狂活泼一点

大家看到了吗,假想以上同样是卖女装的话,不同类型定位的banner传达给人的感受也是不一样的,有的特别冷淡,有的特别热情,它们们给我们的感官感受怎么会差别这么大呢?这就要从一个Banner的组成部分来看了。

关于Banner,其实包含了看不见的和看得见的2个部分:

看不见的部分,比如:活动定位/活动目的/活动背景/创意思路等,这些是不需要让用户和消费者知道的。

看得见的部分,比如:

字体/排版/颜色/背景/氛围/产品/模特/等等,所有这些看得见的部分都是由上面那些看不见的部分所驱动的,是用户和消费者可以感知到的。

我以前举过这样一个例子:就好比一个女生如果要去约会,那么她会先去了解这次的约会地点是什么场合/他想要给男生展现什么样一种印象/那个男生会喜欢什么样的形象/她对这次约会到底有多看重等等。

根据这几个方面她会去确定自己该画什么样的妆:是化小可爱清新一点的妆容呢?还是浓烈一点的妆容呢?是穿可爱短裙还是穿女神长裙呢?如果妹子特别喜欢那个男生可能会更加卖力地去把自己最美的一面展现出来,如果妹子不是特别喜欢那个男生可能她会稍微随意一点对待这次约会。。。

咳咳,下面我们以一个实例来讲解:

活动背景:平台女装卖场促销活动

活动大标题:潮流女装低至45元

活动小标题:暖冬尖货抢先购

我们先从看不见的部分说起:

活动定位:针对的是爱便宜又爱漂亮的用户,这类用户多为年轻学生/收入不高或比较节俭的上班一族,再或者是年轻家庭主妇,主打低价策略,所以画面最好亲和力一点,最好是能传递出便宜买得起的感觉,但是也不能感觉太廉价,毕竟没有谁希望别人在背后说自己穿的是地摊货吧?

活动目的:当然是能吸引大家点击banner,然后买买买啦!~

创意思路:通过模特的肢体语言和表情传递出一种自信乐观的感觉,就像形象代言人一样,好像在说:穿了我们这些衣服,你也会像我一样开心,像我一样美丽成为万人迷的,而且价格超级划算呢!~

于是得到了下面一系列的Banner图,大家可以先感受一下:

以上我只是花了几十分钟做的案例,作为简单的举例展示用,其实我们可以选择放模特或不放模特,可以选择放商品图或不放商平图,按自己的需要来就好了,当然我们还有很多种创意方向和排版布局,如下图所示:

但如果我们换成下面这样:背景大量留白,细小的字体,单调的颜色,欠她一百万的臭脸模特。。感觉就大不一样了,我们并不会感觉这是在卖低至49元钱的衣服,而且还会感觉文案与画面不搭对不对?

所以,要想把握Banner设计中促销感的那个度的话,我们可以从字体/排版/颜色/背景/点缀/产品/模特/等等几个方面分别比较来讲解,于是我们会发现什么问题呢?

字体:字体越细越小越规矩,相较于字体越粗越大越不规矩(变形或倾斜处理),会更加显得不那么促销。

排版:排版越简单越规矩,相较于排版越复杂越不规矩,会显得不那么促销。

颜色:颜色越冷/饱和度越低/颜色种类越少,相较于颜色越暖/饱和度越高/颜色种类越多,会显得不那么促销。

背景:背景越简单/颜色越少/留白越多,相较于背景越复杂/颜色越多/留白越少,会显得不那么促销。

点缀:点缀越简单越少,相较于点缀越复杂越多,会显得不那么促销。

产品与模特:放模特展示相较于放产品展示,更有激发购买的欲望,显得更加促销;

模特表情姿势穿着等越活泼可爱越搞怪越精神,相较于模特越冷酷越忧伤越颓废,会显得更具亲和力更加促销。

产品品质越高/数量越少/包装越简洁/颜色越单调,相较于产品品质越粗糙/数量越多/包装越花哨/颜色越多样,会显得更加不那么促销。

所以,

你们知道怎么去掌控Banner设计中促销感的“火候”了吗?

自己动手去尝试一下吧!~

我们下期再见咯!~

结语

本期教程到这里就结束了,希望大家在练习过程中多思考、理解制作思路和操作方法,活学活用。

相关推荐:

→ 电商教程!如何高效做大促页面设计

→ 电商教程!5个实操改稿案例,教你做出高质量的Banner设计!


一个人做练习的时候,做得好没人发现,做得差没人点评,总感觉很难坚持下去呢···
从今天开始参与「优优教程网 365 天打卡计划」,每天一个小练习, 4 位U站管理员与大家一起打卡练习,点赞点评,互帮互助。优秀练习还有机会被优优转发
【参与方式】每天在 #优设每日作业# 内,上传打

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/other/121247771.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

banner促销电商
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新