决战双11,哪些技巧可以让你的专题页设计脱颖而出?

这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。“以前有个同事她说要减肥要健身
我说好啊看你能坚持多久
因为我也好几次喊过这种话
最后却都不了了之了
可是几个月后再看到他
细腰美臀大长腿
显得更加自信了
是啊她总可以做到付诸行动
而我只会给自己找借口
也许再这样下去
我都配不上和她做朋友了吧”全场5折起/全场买三免一/1元秒杀0元抢购/周年钜惠等等

争做行业领跑者/先赚它1个亿/上天猫就购了/好物低价上京东等等热烈庆祝XXX成立几周年/欢迎XXX领导莅临我司/恭喜XXX荣获XXX称号乘年轻,住好点/Just Do It/我的青春我做主/你值得拥有bigger than bigger/again and again/more and more(完全不知所云但是看起来很厉害的样子的文案,超级大牌都爱用。。)老板跑路了/美工甩手不干了等(歪瓜出品,我后面会再提到,因为它简直是电商设计界的一股泥石流。。)改变食界,条条是道-卫龙买了就是朋友-故宫淘宝“那么,我去当香葱烤鸡肉串去了”“啊!要是把早上下的蛋也带来就好了”“我可不能在这种地方被吃掉”“您好,您的食材到了”保湿护肤一步到位/棉柔舒适超强吸附力/轻松舒适不变形等等,常用于详情页里


这是小编见过讲双十一专题设计的最完整最有帮助的文章,我只是看了十遍而已。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

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

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

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

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

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,哪些技巧可以让你的专题页设计脱颖而出?

产品品质:好品质VS差品质/有特点VS无特点/有后期修饰VS无后期修饰/有人知晓VS无人知晓。

比如,同样一款产品,你的产品图看起来更清晰更干净或更有趣好玩更高档肯定就会更吸引到相应的人群的注意力和购买欲望,这些都是会影响到你的页面设计好坏的因素。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

功能差异:多功能VS单一功能/有差异VS无差异/有优势VS无优势

比如如果都是护肤产品的专题页设计,但是你的这款产品是有别人不具备的功能特性的,那么就可以在你的设计里通过文字排版或图形描绘的方式表现出来,直观的传达给别人你的这些优势和氛围,就比干瘪瘪的将产品往页面上一摆更具吸引力:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

当然这个情况更适合单个产品的宣传或者放在详情页里。

(4)点缀物:有点缀物VS没有点缀物/点缀物合适VS点缀物不合适。

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

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

(5)楼层:这里主要包含楼层内容和楼层形式2个方面。

楼层内容:内容新颖VS内容常规/内容丰富VS内容单调:

一般来说,在楼层内容里如果插入一些好玩的游戏,或者有一些视频播放,再或者变着花样给用户发红包和购物券,会比常规的商品列表展示的楼层更有让人逛的欲望(不过这个都不止是设计师的事情了,而是运营/交互设计师/产品经理/策划要去做的事情)。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

楼层形式:形式新颖VS形式常规/形式贴合主题VS不贴合主题。

比如以穿搭建议的方式卖货的专题页楼层设计,大多数都是像左边这样,将一堆衣服按一定秩序堆放好,但是右边这种形式呢?每个模特摆出一个字母的造型,让人觉得有点搞怪,都忍不住想要跟着模仿造型了对不对?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

2、那么从整体上分析是指什么呢?

整体上我们可以从型/色/意/技四个方面来探讨如何做到脱颖而出这个问题:

(1)型:主要是指整体的形式/风格等方面要与众不同,那么跟前面的文案一样,要想脱颖而出话,要么就是在同一个类型里你能做到你是最优秀的;要么是跳出这个类型,或者跨界到不同的领域或定位类型里去表现。

举例:反差型(卫龙)

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

举例:恶搞型(歪瓜出品)

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

(看完这家店的设计风格,整个人都要笑屎。。简直是电商界的一股泥石流,哈哈。我也承认这家店成功的脱颖而出了,但。。我有点好奇这家店的美工走出了这家店铺能不能顺利找到工作。。除非他打算一辈子呆在这种同类型的店铺里,哈哈哈哈!!!)

举例:独一无二型(天猫猫头形象)

自从2015年的天猫双十一,第一次将所有的页面都沿用猫头的这个造型,就惊艳了全场,因为这个形象太讨巧了,不仅成功地与他的品牌形象挂钩,还非常有利于品牌延伸,这以后,但凡页面里出现这猫头造型,就一定会联想到天猫,因为他是独一无二的。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

当你拥有了某种独一无二的东西,也就很容易脱颖而出了。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

(2)色:主要是指色彩上的差异化,这个跟前面讲局部的内容类似,比如:明亮鲜艳VS暗黑系/暖色VS冷色/多彩色VS无彩色(别人家都是明亮色系你可不可以尝试暗黑色系呢?别人家都是暖色系,你可不可以尝试一些冷色系呢?别人家都是夸张多彩绚丽,你能不能尝试低调无彩色系呢?)

比如,同样是表达年轻,大部分人想到的应该是活力多彩的,而如果你用的是暗黑系的,从另一个角度去诠释年轻,那你比较容易就脱颖而出了。

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

(3)意:主要是指品牌特性/理念意义/定位方向等,与众不同。

品牌符号:从品牌这个角度来说,每一个品牌形象都是独一无二的,比如

天猫/三只松鼠/初语等都已经形成了自己的形象特征,当你的页面上出现了这些形象特征的时候,也就有了自己的优势:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

理念意义:图形代表的含义,灵感来源等

比如,提到圣诞节,大家都会联想到红配绿,也会联想到圣诞树/雪地/圣诞老人/长筒袜对不对,所以我猜想你们的第一反应应该是搞比较基础的堆叠效果吧?像下面这样:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

但有没有想过像下面这样提取一种基本型,然后巧妙地与自己的产品相结合呢?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

定位方向:促销VS趣味VS温情VS苦情VS情怀(比如别人都走促销路线你可以走趣味路线,别人走趣味路线你可以走温情路线,别人走温情路线你可以走苦情路线,别人走苦情路线你就走情怀路线,当别人都走情怀路线了,你走促销路线,哈哈哈哈!!)

比如,今冬情人节那次,别人都走温情路线,我们走了苦情路线,反响很不错:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

再比如,儿童节的活动设计,别人可能都走手绘可爱卡哇伊路线:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

而我们走了小清新路线(其实也是因为怕侵权不好用模特之类的,再一个我们是儿童节/母亲节/520一起做的活动,哈哈~)

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

(4)技:主要是指技术创新/跨界合作/手法创新等让人感到新奇,任何时候,都是因为有了技术的进步才使得我们有了更好的体验和更多的选择。

比如以前没有互联网的时候,大家只能在线下购物,有了互联网之后大家开始在PC上购物,后来移动个互联网的发展和智能手机的普及和便利,大家又开始转向移动端购物,现在Vr又出来了,以后指不定购物有多便利了。你抢先运用了新技术,你就占有优势。

举例:前度时间很火的双十一邀请函,就是一个活生生的例子,可以看下它的幕后制作视频:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

我在里面看到,它分别涉及到脑爆+前期构思+手绘草图+摄影+后期合成+Vr技术+threejs+webGL的组合绘制3D场景+渲染等技术环节。最终达到了刷屏的效果,吸引了几乎所有互联网人的注意力。

如果你也有这个技术,你的作品想不脱颖而出也难了(不过也只有BAT这个级别的大金主才花得起这个钱了)。

三、总结

看完以上所有的分析,你应该有一些头绪知道该怎么让自己的专题页脱颖而出了吧?另外我也看到现在电商设计行业普遍是这么个现象:

页面里有视频的比没视频的厉害:

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

动态的比静态的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

3D的比2D的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

有场景合成的比简单的商品堆砌的厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

动手做的(比如手工和摄影)比动手画的厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

手绘的比非手绘的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

有造型变化的比没有造型变化的厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

自由排版的比常规排版的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

干净留白的比热闹促销的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

有文化底蕴的比没文化底蕴的厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

有故事的比没故事的看起来厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

不按套路出牌的比循规蹈矩的厉害

决战双11,哪些技巧可以让你的专题页设计脱颖而出?

最!重!要!的!是!

将这篇文章看到最后还点赞了的人最厉害!!!

哈哈哈哈哈!!

我们下期再见!~

 

本文由 @做设计的面条 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27013/

(0)
CatherineCatherine
上一篇 2017-05-16 17:43
下一篇 2017-05-16 19:40

相关推荐

  • 《王者荣耀》的操作交互设计研究

    《王者荣耀》是国内最成功的手机版MOBA类型游戏。MOBA从PC的辉煌延续到了手游,当时很多人唱衰手机上的MOBA,主要还是操作上的问题,手机上无法实现鼠标的快速精确定位。为了优化手机版MOBA,大家进行了各种尝试,有触摸点击型(虚荣),有双摇杆型、单摇杆型,最终单摇杆+技能副摇杆结合的《王者荣耀》一统江湖,现在很少有人说王者手感不好的,它的很多设定都成了现在MOBA游戏的标杆。这里,我们就一步步地分解看看,王者的操作手感是如何设计的。...

    2018-02-26
  • 默认头像设计(1) —— 统一与丰富间的平衡

    头像设计,“统一”与“丰富”间的平衡。

    2017-08-04
  • 如何完美碾压用户体验职位面试

    作者: Patrick Neeman |  翻译:Shea ,校审:Ariel本文长度3082字,建议阅读5分钟当你成功进入了电话面试或者面对面面试的阶段,这就意味着你已经通过了最艰难的考验:你已经具备了在该公司工作的技能。现在要被评估是否具备软实力以及能否适应公司的文化。在上次西雅图用户体验组见面会主持的谈话之后,我发现很多公司没有在面试中明确表达对面试者的期望,而且并不知道如何去面试。面试的过程其实是个自我展现的机会,作为设计师来说...

    2018-02-07
  • 交互设计篇|经历一个产品从0到1我都学会了什么

    好的设计不仅能满足用户需求、提升易用性,还能弥补技术上的短板。在经过一个产品从0到1的实现后,对这一点感受的尤其深刻。下面列出几个我产品设计中的教训和收获。图书馆打印插队如果不给出理由则此行为被接受的概率为60%;如果给出一个理解则此行为被接受的概率为94%;甚至在解释原因时只提供“因为”而无实质原因的情况下,此行为被接受的概率竟然为“93%”。足见,“人就是单纯地喜欢做事有个理由”。那么,产品与用户“交流”时,就需要有个“理由”让用户看到自己行为操作与产品回应之间的解释,从而顺应操作规则从而更好的使用产品。

    2017-05-06
  • 加拿大皇后大学开发出一款柔性全息交互式概念手机

    硬件设计师和制造商一直梦想着把全息移动设备带到现实生活中来,不过来自加拿大皇后大学的一支研究团队,却已经拿出了一款名叫HoloFlxe的设备。顾名思义,它同时具备“柔性”(Flexible)和“全息”(Holographic)两种…

    2016-05-11
  • 为什么重视用户体验的公司最后死掉了?

    今日头条候选:易到完成股权变更,乐视仍未完全退出;“ofo小黄车”被诉商标侵权;今天,给大家推荐的头条是「黑马高管营」导师刘爽从管理决策角度分享如何做决策、决策的依据以及避免陷入的误区,值得每一位管理者仔细阅读。【黑马高调头条】第185期文 | 创业黑马学院什么是管理决策论?管理决策论就是在管理中做各种决策的相应依据。很多创业公司的折腾闹剧现象,就是管理层管理决策弱的结果,如果具备基本的make sense,有些“学费”不是一定要交的,...

    2018-01-30
  • Google发布"范本App”:手把手教你实现跨平台开发

    Google今天发布了一个全新的范本app,名为Universal Music Player,它能够在智能手机、平板电脑、Android Auto、Android Wear以及Google Cast上工作。将它称为"范本app"的原因主要是:它是Google公司为开发者们推出…

    2015-03-13
  • 用户体验设计师的进阶指南

    互联网行业大步流星、产品迭代周期越来越短,设计挑战日趋严峻。作为一名奋斗在前沿的设计师,你有多久没有更新自己的知识体系了呢?不论新人还是老司机,如何让自己的成长速度跟上行业的飞速发展,已然成为了一个重要命题。本文旨在帮助设计师正确、快速的成长,希望给进阶之路上的设计者们带来思考和启发(注:本文主要是指互联网产品设计、用户体验设计、交互设计、视觉设计等相关设计岗位)。我们认为,只有明确了努力的方向、找到了合适的方法、优化了学习的路径,才能...

    2018-03-14
  • 我们对轮播图的设计,都错了

    作者:Jana@腾讯ISUX   轮播图(Carousels)这样的交互方式,在web时代似乎已经司空见惯。当一群人在会议室里争夺首屏焦点图的优先级时,使用轮播图,似乎能够不费吹灰之力地解决这场争端,没有人是输家。然而,轮…

    交互专题 2017-08-07
  • 译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26