如何让您的双11专题页设计脱颖而出

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:TTTing

关键词

首先感谢站酷这个平台,让我的数十篇电商设计相关的文章能够在这里得到展示,这一年多来,我也在这里认识了很多同行朋友,看到了大家的进步,也感受到了你们带给我的动力,希望我能坚持把书写完,哈哈,就说这么多,接下来进入正题咯:

考虑到我们都是做商业设计的正经人,商业的东西肯定就涉及到竞争了嘛,所以我们作为设计师不只是要会把页面给设计出来,还应该学会让自己的设计脱颖而出有竞争力,从而被更多愿意掏腰包的消费者看到,所以我们今天要讲的话题是:“决战双十一,哪些技巧能让你的专题页设计脱颖而出?”

按照惯例,我先给大家列一个提纲咯:

一、专题页由哪些部分组成?

二、如何让你的专题页设计脱颖而出?

1、从局部上分析如何脱颖而出

2、从整体上分析如何脱颖而出

三、总结

接下来我们一条一条来捋清楚:

一、专题页由哪些部分组成?(以下是以前提到的一个知识点,我在这里为了方便大家理解后面的内容,所以再放一遍)

虽然我们现在可以看到各种样式形式的专题页,但是它们脱去那些华丽的外衣后,即使都是很基本的原型图,我拿一个最基础的专题页基本型给大家看一下,大家就知道了。

一般来说,专题页由这几个部分组成:头部Banner+至少1个楼层模块+背景+氛围点缀物。如下图所示:

如何让您的双11专题页设计脱颖而出

而Banner是由哪些部分组成的呢?Banner组成要素包含4个方面:文案 、商品/模特、背景、点缀物(可有可无)。

如何让您的双11专题页设计脱颖而出

而我在之前反复强调过的,Banner的作用是:宣传/展示/广而告之/准确传达信息。

其中头部Banner我在前面写过好几十篇文章介绍了,大家应该都不陌生了吧,然后楼层模块从上之下你想放多少个就放多少个,形式也可以多种多样,最后的背景和氛围点缀物跟Banner设计里的是同理的,我在前面也反复提到,这里也不做过多说明咯~

二、如何让自己的专题页设计脱颖而出?

首先我们可以看几张图:

如何让您的双11专题页设计脱颖而出

(1/2/3/4/5当中哪一个人物更加突出?是不是3号人物?)

如何让您的双11专题页设计脱颖而出

(这些圆当中哪一个最突出?是不是紫色的最突出?)

所以我们应该知道,脱颖而出就好比写作手法里的对比,就好比平面构成里的特异。

接下来我会从以下2个方面来进行分析:局部vs整体。

1、那么从局部上分析是指什么呢?

从前面的专题页组成要素我们可以看到,一个专题页里分别包含了下面这些组成部分:文案/背景/产品或模特/点缀物/楼层。

所以接下来我们可以来看下,从局部上如何脱颖而出:

(1)文案:不管是做Banner设计还是做专题页设计,文案才是最直观表达活动的定位和运营策略的信息(而设计的作用就是把这个活动定位给传达出来),在我看来也是最重要的组成部分,那么文案有哪些类型呢?

情绪带入型

下面是截取的我以前写的一篇文章里的一小段文字,我觉得拿来当做减肥产品的广告文案也是可以的:

“以前有个同事她说要减肥要健身

我说好啊看你能坚持多久

因为我也好几次喊过这种话

最后却都不了了之了

可是几个月后再看到他

细腰美臀大长腿

显得更加自信了

是啊她总可以做到付诸行动

而我只会给自己找借口

也许再这样下去

我都配不上和她做朋友了吧”

促销型

全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

口号型

争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等

通告型

热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号

价值观型

乘年轻,住好点/Just Do It/我的青春我做主/你值得拥有

自嗨型

bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)

恶搞型

老板跑了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)

反差型文案(后面我会解释举例为什么反差)

改变食界,条条是道-卫龙

如何让您的双11专题页设计脱颖而出

买了就是朋友-故宫淘宝

如何让您的双11专题页设计脱颖而出

拟人化文案

下面是一则日本烤鸡肉串的广告文案:

“那么,我去当香葱烤鸡肉串去了”

如何让您的双11专题页设计脱颖而出

“啊!要是把早上下的蛋也带来就好了”

如何让您的双11专题页设计脱颖而出

“我可不能在这种地方被吃掉”

如何让您的双11专题页设计脱颖而出

“您好,您的食材到了”

如何让您的双11专题页设计脱颖而出

这则文案就是通过拟人化的口吻,即让人觉得新颖可爱,又让人感受到其食材的新鲜。

功能描述型

保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里

了解完以上文案类型后,所以当我们想要自己的设计能够脱颖而出,要么做到在同一个类型(定位方向)的文案里比别人写的更出彩,要么就换一种类型(定位方向)的文案去写,而后者其实更容易起到脱颖而出的效果,举例:

在同一个类型里,但是文案写得比别人出彩或者内容更能打动用户而达到脱颖而出的目的:

比如如果都是促销型文案,你写“XXX周年庆特卖惠”肯定不如“XXX周年庆,全场满100减50”这种文案有吸引力。

为什么呢?因为对于这种促销类型的文案你把实惠写的越具体就越能让用户感受到真的是在打折,而不是干瘪瘪的说你在做促销活动,因为这样用户会很疑惑你到底能给他多少优惠,他心里没底就不敢放心大胆的买了。

换一种定位方向达到脱颖而出的目的:

比如卫龙作为一款屌丝辣条居然走苹果这种高富帅的线;

如何让您的双11专题页设计脱颖而出

再比如故宫淘宝居然把那些高高在上的皇帝娘娘们塑造成一种卖萌的形象;

如何让您的双11专题页设计脱颖而出

再比如大家都在宣扬正能量的时候,这个品牌的咖啡饮料却走负能量路线;

如何让您的双11专题页设计脱颖而出

如何让您的双11专题页设计脱颖而出

以上关于文案部分,我们就讲到这里了,总之文案体现的是你的活动定位和策略,所以文案先于设计执行,并且它很重要很重要很重要。

(2)背景:背景上的脱颖而出,主要体现在色彩/形式/纹理等上面的一种差异化和对比。

色彩上:明亮鲜艳VS暗黑系/暖色VS冷色/多彩色VS无彩色。

比如,同样是表达年轻,大部分人想到的应该是活力多彩的,而如果你用的是暗黑系的,那你就脱颖而出了。

如何让您的双11专题页设计脱颖而出

形式上:扁平VS质感/繁杂VS留白/柔美曲线VS刚硬棱角/重复VS变化。

比如,卫龙作为一个卖辣条的品牌,无论是从产品的辣这个特性,还是它产品本身的基因来看,都应该走红红火火热闹低端路线的风格设计对不对?但他突然有一天开始走苹果这种高富帅的大量留白高冷路线,大家的眼球立马就被它吸引了。

如何让您的双11专题页设计脱颖而出

纹理上:有纹理VS无纹理/无规律VS有规律/重复VS变化

比如,有些比较卡哇伊风格的页面,如果能在背景上有一些相关元素或纹理的点缀,起到相互呼应的作用,就会比空白的背景有吸引力一些。

如何让您的双11专题页设计脱颖而出

反之亦然,有些背景不适合放纹理,会显得累赘或多余,那么空白背景就会显得更有吸引力更舒服一些。

(3)产品或模特:产品或模特的脱颖而出主要体现在品牌效应/产品品质/功能差异等给人的感官感受。

品牌效应:大品牌VS小品牌/有品牌VS无品牌/多品牌VS单一品牌/线上品牌/线下品牌/跨品牌合作(吾皇/暴走漫画)

比如,大品牌的产品比小品牌的产品占据更多优势,有品牌的产品比无品牌的产品显得更可信更正规等,所以如果上升到品牌这个层面,仅仅只是设计的好看或突出并不会起到很大的优势作用,只是锦上添花而已,品牌的影响力和口碑才是最主要的因素。

但是当2个品牌一起联合,跨品牌做活动,就会比单一品牌产生更强的效应,达到1+1大于2的作用,比如家纺品牌和可口可乐的合作,在设计上也是沿用了可口可乐的经典女人曲线般的瓶身形象:

如何让您的双11专题页设计脱颖而出

 收藏