欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 电商banner设计技巧详解

电商banner设计技巧详解

发布时间: 2016-12-09 11:42

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

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

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


电商banner设计技巧详解


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


电商banner设计技巧详解


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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

另类型banner,可以搞怪一点


电商banner设计技巧详解

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


电商banner设计技巧详解

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


电商banner设计技巧详解


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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


电商banner设计技巧详解

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

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4