掌控Banner设计中促销氛围的“火候”,看这篇文章就够了!

2016/12/08 10403

sales-promotion-banner-design-1

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

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

欢迎关注@TTTing1 的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师

热点推荐:

《电商丨四步挖掘灵感,30分钟打造出一款圣诞节BANNER!》
《电商丨值得一看的淘宝双12亲亲节活动视觉分析(预热期)》

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

我们先看几个示例:

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

uisdc-banner-201612081

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

uisdc-banner-201612082

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

uisdc-banner-201612083

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

uisdc-banner-201612084

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

uisdc-banner-201612085

另类型banner,可以搞怪一点

uisdc-banner-201612086

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

uisdc-banner-201612087

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

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

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

看得见的部分,比如:

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

  1. 背景:《用讲故事的方法,掌握这5种BANNER 背景设计的套路》
  2. 排版:《不怕没灵感了!SALE 招牌的9种排版设计方法归纳(附案例)》
  3. 商品图摆放:《电商干货!BANNER图设计之商品图该怎么玩(上集)》
  4. 商品图摆放:《电商干货!BANNER图设计之商品图该怎么玩(下集)》

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

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

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

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

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

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

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

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

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

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

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

uisdc-banner-201612088
uisdc-banner-201612089

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

uisdc-banner-2016120810

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

uisdc-banner-2016120811

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

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

uisdc-banner-2016120812

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

uisdc-banner-2016120813

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

uisdc-banner-2016120814

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

uisdc-banner-2016120815

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

uisdc-banner-2016120816

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

uisdc-banner-2016120817

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

uisdc-banner-2016120818

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

uisdc-banner-2016120819

所以,你们知道怎么去把握Banner设计中促销感的“度”了吗?

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

这里是《做设计的面条》,我们下期再见咯!~

欢迎关注@TTTing1 的微信公众号「TTTink-D」,一个干货与文笔俱佳的美女设计师:

微信公众号简介:专注开拓电商设计思维,不定期分享一些个人见解干货,当然也会分享一些顶级创意、摄影、人生感悟方面的好文啦。

tttttqr

「近期人气最高的电商好文合集」

  1. 揭秘:《双11期间,阿里巴巴UED的设计师都在做什么?》
  2. 过稿技巧:《学会这3招,跟反复改稿SAY NO!》
  3. 提升技巧:《决战双11!哪些技巧可以让你的专题页设计脱颖而出?》

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/sales-promotion-banner-design

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里