电商教程!弄懂5个套路,搞定不一样的春节专题页设计

时间:2018-02-06
类别:其他教程
水平:入门
观众:2.2w
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

img

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

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

写在前面

每到年底的时候,大家应该都无心工作只想回去跟家人团聚吧,只可惜啊,我们的职业是电商设计师,人家现在都忙着打年货过节,而我们却要忙着赶各种节日促销页面设计的稿子,哈哈,累觉不爱。。

不过好在再坚持几天就放假过年了,我猜想大家的年货页面应该都做完的差不多了吧,我也就不写年货页面该怎么做相关的话题了,而是讲一讲我从这些年的年货节页面看到的一些现象,发表一些自己的看法和思考。

一、目前年货节页面的一些现状

我们先一起来看几个例子,我直接在花瓣搜索“年货节”“春节”等相关词汇,出现的基本都是下面这样的页面:

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

看完后你们的第一感觉是什么?大家发现什么现象和规律了吗?接下来我们从以下几个方面一起来看下:

配色:配色基本都是大面积的红色或黄色。

布局:常规布局,头图Banner+楼层的形式。

标题:标题惯用毛笔字,或者使用一些体现年代感的衬线字体。

表现手法:手绘配合素材搭建场景的方式。

氛围点缀:各种代表春节或喜庆相关的元素做氛围点缀,比如说灯笼/红房子/剪纸/生肖/烟花炮竹/红包等等。

文化背景:虽然都是用的手绘形式,但是反应不同的年代其手绘风格是不一样的,质感和色调也不一样,年代越久色彩饱和度越低,年代越近色彩饱和度越高,比如阿里2015年的年货节看起来是比较艳丽现代感的。

品牌:如果有品牌形象一般都会在页面里加一结合运用或展示,比如阿里的猫头形状,比如三只松鼠的松鼠形象等都是已经深入人心了,如果没有品牌的店铺基本是随便玩自由发挥了(跟单身狗类似。。是没有什么牵挂和约束的人。。)。

品类:基本都是在头图Banner部分结合自身的品类特点去发挥,放一些相关产品做展示。

整体:整体看起来红红火火,非常喜庆热闹,一眼就能联想到过年,需要买买买办年货。

那么看到这里,可能一方面你会觉得:“天哪,怎么几乎所有的年货节页面都是红红火火毛笔字,高高兴兴过大年的手绘风格啊?这让我们这些不会写毛笔字也不会手绘的人怎么活?”

另一方面你会发现,过了这么多年,貌似每年只要是关于年货节相关的页面,形式/风格/布局总是就那样,有些只是换了个生肖而已,仿佛年货页面设计样式已经固化了,近乎审美疲劳了。

其实,以上都只是从视觉层面去分析的我们普遍看到的年货节页面,其实跳出视觉层面去分析可以给设计师更多手绘及毛笔字以外的选择,获得更多新的玩法和新的设计方向。

so,我们继续往下看~

二、我自己做了一个尝试

记得在以前我就写过一篇关于各种各样做Banner的方法的文章,鼓励设计师应该跳出固有思维模式,去做更多尝试:

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

刚好新年马上要到了,虽然我的目的不是要卖货我也不是要做专题页设计或Banner,但在我看来专题页也好,海报设计或Banner设计也好,其实都是相通的,我想给自己的公众号做出个什么东西出来留个纪念,我需要他特别一点,所以就想,要不做一个立体版本的新年主题的海报吧。

需要说明的是,这个东西从构思-绘图-制作成片-拍摄花了我2天时间,这也是我第一次做这种纸雕作品,所以还比较粗糙。

先给大家看看吧,没有打灯的时候它长这样,嘿嘿:

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

打了灯之后,立马就像变魔术一样,超级美腻!!~可以自己换灯的颜色和背景布,感觉都会不一样。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

最后看一下细节,虽然还有点粗糙,不过立体空间感都已经出来了,梅花灯笼等等所有东西全都是用刻刀雕出来的,嘿嘿

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

要知道,以前做海报或做专题页设计我都是坐在电脑前,操作ps软件去表达自己要的画面,但这次自己尝试动手去做,去触摸纸张的质感,去调试光线明暗和远近来感受阴影的变化,我的感受是,偶尔换一种方式去思考去执行比用电脑软件绘制阴影和各种图层拥有更多乐趣和成就感,这种感觉是非常棒的,嘿嘿。

另外对于这个的制作过程我还是有蛮多体会的,因为网上没有找到详细的制作教程,所以自己也摸索好一会儿(淘宝上其实有卖类似这种东西的,不过它们卖的都是批量生产的东西,另外阿门也有写过一篇相关的帖子,不过他更多的是炫照,没有特别详细的步骤,哈哈)。

嗯,我这个是专为自己的公众号《做设计的面条》定制的,摸索了好一会儿,不断尝试弄废了十几张A4纸才弄出来,哈哈,有机会下次看出个详细教程给大家也玩玩吧(大家需要这个教程嘛~),毕竟我这次的重点是讲关于突破设计思维方面的内容啦。

三、重新认识电商设计

回到我们这次的话题当中来,要想突破思维,首先要明白3个概念:

(1)思维决定行为,不管是专题页/Banner还是Html5活动页面,其实最终目的都是为卖货或宣传品牌形象服务的,是因为我们先有了一个卖货的主题或需求后,才会有对应的视觉页面被电商设计师设计出来,最终呈现在了消费者面前,同时一个页面长什么样是老板运营策划设计师共同协调配合的成果。

也就是说,如果你的运营和策划思维不变,视觉上就很难有太多新花样,页面不好看或者太常规其实不是设计师一个人的事,明白了这个道理后,我们可以再把纬度拉开一些看,也许会更有趣,不要只停留在视觉层面的漩涡里,而是要以结果目的为导向——卖货以及更好地卖货。

(2)只要是卖货就会涉及到竞争和对比,想一想你们家今年的年货节页面设计是否比上一次做的更好了?你的年货页面设计是否在其他同类里突出了?这些都决定你可以获得多少曝光量,是否能吸引到买家或用户的注意力,从而对销量造成影响。

(3)突破可以是思维层面上的突破,也可以是执行层面上的突破,比如别人都是直接卖货,你可以加入其他一些互动的玩法,一边玩一边卖货,一边讲感情一边卖货;再比如别人都用手绘的表现形式,那我偏偏不用手绘,我换个方式,做手工或摄影什么的都可以,如果别人也是搞摄影或搞手工画插画什么的,那你就做到比别人有趣比别人做得好,因为要想脱颖而出你就得跟别人区别开来。

四、换几个角度去思考问题

所以,我们可以先从以下几的角度去思考新玩法和新设计方向的问题:

1、结合自己的品牌形象或特点去做设计

在某种意义上来说,有品牌意识的产品或店铺比没有品牌意识的产品或店铺占据更多优势,无论你是做年货节页面还是其他各种活动页面设计,因为你有了自己独一无二的视觉形象或标志也就有了识别性,你需要做的只是比上一次做的更好,而不要在乎其他同类的竞争,因为你的独一无二的东西是别人竞争不走的,别人只能是模仿者,比如天猫的猫头形象,识别性特别高,每年都可以玩出一些新花样。

2016年的双十一出街海报

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

几乎每次专题页活动的头图里都有猫头元素,今年的年货节也不例外:

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

所以,如果可以的话,不管你现在有没有品牌,是大店或是小店,都可以试着去慢慢培养自己的品牌意识和视觉形象。

2、适当追热点或恶搞

有时候偶尔追一下热点或者迎合一下当下潮流也没什么不妥的,只有运用得好不好水平高不高的问题,热点本身并没有对错之分,比如杜蕾斯每次热点都可以用的非常巧妙,一大批网名被他的机智所折服,并不会觉得他讨厌,而是很期待他下次会玩出什么新花样。

比如刚过去的圣诞节海报。。。。污力十足又巧妙地让人无法反驳。。。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

再比如味龙辣条,最擅长干的事情就是制造话题,一个集运营策划和公关以及演员特质于一身的品牌,时而高大上到吐血,时而又屌丝逗比低俗到骨髓,引得一大帮自媒体自发报道,连推广费都省了。。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

3、文案的创新

我们发现每年的年货节页面看来看去都差不多,其实跟文案没有创新有很大关系,文案其实就是对一个活动主题最直观的反映,比如我们看到每年大部分年货节的主题文案是什么呢?比如:

“抢年货”

“钜惠来袭”

“有礼贺新年“

“贺岁狂欢“

“年货盛典”

“年味中国”

“春节不打烊”

....................

这些文案主题一看就是寡然无趣的,走的是低价促销的套路,虽然这招短期内很管用,但是每年都用也就没有什么吸引力了,原因主要体现在这三个方面:

第一点:每年的物价人力成本都在上涨,商家无论是出于品牌方面的考虑还是出于生存需要都是不可能无限给你让利的,所以你会发现买东西打折什么的力度其实感觉越来越低了,用户也不是察觉不到的。

第二点:人性驱使,人都爱贪便宜,你这次给了便宜,他下次只想要你更便宜,要不然他就会失望甚至离开你,这种靠低价策略吸引到的用户始终是不太忠诚的,除非你有其他方面粘住他,或者你一直便宜下去。

第三点:对设计师来说,拿到这些文案确实也是很难做出更有突破性的页面设计了,年年都这样,什么热闹呀氛围啦要有过年的气氛啦,无非换个生肖,比如前年是猴子去年是鸡今年换成狗,或者把各种平面构成原理利用起来,换一些文化元素之类的,我想你们应该深有体会的~

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

那像下面这些文案,因为延伸到了其他纬度,是可以有更多发挥空间的,比如:

“过年送好礼”:这个关键词就是“送好礼”,那设计师就可以想送礼的一些门道了,送给谁的呢?怎么送呢?有什么讲究呢?,在一个送礼多半讲求的是面子/趣味/意义,低价倒不是用户最看重的,所以这种主题也可以玩的更加长久一点。

“新年大换新”:这个关键词是“换新”,谁都喜欢新鲜的人新鲜的事物,只是需要一个理由去推动而已,以这个纬度去思考可以发展出很多创新的方向,比如换新意味着换一种心情/换一种状态/换一种活法/换一种身份/意味着蜕变,设计师在设计上面也就可以玩出更多花样了。

“年味回家”:这里的关键词是“回家”,想想那些身在异乡的正常人,每到年底最思恋的应该还是家了,家的味道家的温暖都可以勾起他们的回忆,而且回家可以发散出很多画面,比如回家途中的趣事/对家的思恋和遐想/回家后的感受/对家的想象/回家前的一些思绪等等,可以发挥的空间太大了,而且通过这个方向切入主题,吸引到的用户也不是最看重低价的,而是愿意为家投入金钱的一类人。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

比如像这种摄影题材,这种画面看似简单,但却是非常容易戳中泪点的。

总结以上,无非就是说,多想一些其他纬度的活动主题和文案,要知道人的情感和需要是多种多样的,尤其是亲情友情爱情和做自己是恒久不变的也是人最需要的几样东西,你老是走这种低价促销路线,写些不痛不痒的文案,既不能打动人掏腰包,也无法长久下去,再一个对于设计师来说发挥空间也太少无法有太多创新,作为用户来说当然也就容易审美疲劳了啊。

当然,最有效的方式是,配合着这些点再适当给一些优惠力度来做,而不要把低价促销当作是最主要的发力点。

4、新的活动玩法

现在人们使用手机的频率越来越高了,移动端购物占比平均差不多都在80%以上了吧,所以利用智能手机这块屏幕的优势其实可以获得更多的玩法,而且传播面也会比pc广得多(除了科技的进步以外,公众号和朋友圈等等新载体的出现功不可没)。

我觉得在这一点上,其实阿里和京东去年都是做得不错的,大家可以看下:

阿里年货节版本的《清明上河图》,我当时体验了下觉得好赞,把每个店铺的特点都结合进去了,还做了很多恶搞的小细节,你在逛的时候真的可以听到有人在吆喝,太有场景代入感了。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计 电商教程!弄懂5个套路,搞定不一样的春节专题页设计

另外,大家可能只是看到这个需要设计师花费多少心血去画完这些画面,需要很强的手绘功力,但是背后的运营玩法和创新思路其实也是大家应该去重点关注的点,无论是什么方法来执行其实都只是技能之行层面的,会手绘的人很多,绘插画的人很多,但想一下这几个问题:

为什么有的页面能火有的人能火,而有的却无人问津呢?

你能不能想到这些玩法呢?

你有没有打动人的故事可讲呢?

虽说都是手绘,但是我看到这些页面里多了一些小细节还是不一样的:

下面这个是今年的淘宝年货节,这应该是画的关羽和张飞吧?但是穿着打扮动作姿势有点潮,还跟卖货相结合了,哈哈

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

还有这些,通假字用得巧,画面还很恶搞,让人会心一笑:

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

还有这次京东超级品牌日的H5页面,虽然一开始听到背景说唱音乐部分的时候稍微觉得有点尴尬,但整个画面还是挺有点意思的,画面节奏衔接的也比较流畅。。

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

这里是链接,大家可以去体验看看:

https://h5.m.jd.com/dev/oAzjQ5pcPJyaNVP6oDddVRinT8a/index.html?from=timeline&isappinstalled=0

还有其他一些有意思的页面设计我就不一一举例啦,你们自己平时多搜集吧。

5、如果突破太难,不如就做自己

持续突破很难,不如就干脆坚持做自己,比如拥有自己专属的颜色或拥有自己的专属形象并使它们成为一种标志性特色,很多时候拥有自己特定的颜色或标志性图案比不断去尝试新的事物会更容易被消费者记住,这就是重复给人带来的加强记忆效果。

比如著名珠宝商蒂芙尼的御用颜色:蒂芙尼蓝

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

还有可口可乐的红白色(瓶身的完美曲线也是他的一项标志)

电商教程!弄懂5个套路,搞定不一样的春节专题页设计

其实无论突不突破,都要明白电商无非就是为了卖货或更好的卖货,我们做设计写文案搞活动都是为了这个目的服务的,那么你得需要让别人注意到你的存在,让自己脱颖而出啊,在这点上还真得跟那些明星或网红们学学,比如我提到papi酱你们能联想到什么?我提到薛之谦你们又能联想到什么呢?

总结

其实中国的传统文化博大精深,光从文化这个角度去想,年货节主题要去发散思维的话可以挖掘的点太多了,更别说从人性/体验/执行等等层面上的思考结合运用了,其他节日主题或活动设计也一样。越来越觉得,设计师可不是一个只会用用软件画画图的人,要想做的好,需要懂的东西太多了。

今天我们的思考分享就到这里了,

大家有收获或启发了吗?

我们下期再见!~

结语

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

相关推荐:

→ 电商教程!三步教你搞定情人节活动专题页设计及玩法

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


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

7 收藏 20

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

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

复制本文链接
img

发表评论 已发布 3

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片