学会这5个套路,做出不一样的春节专题页设计!

2017/01/11 12302

spring-festival-special-topic-design-1

每年春节的视觉设计都千篇一律,全是红红火火毛笔字,热热闹闹手绘风。该如何跳出这个视觉风格,让专题页脱颖而出?@TTTing1  总结了5个套路,帮你做出不一样的专题设计!

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

写在前面

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

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

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

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

uisdc--page-20170111-1

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

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

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

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

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

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

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

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

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

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

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

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

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

二、我自己做了一个尝试

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

解锁新姿势,我有100种方法教你撩出满意的Banner

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

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

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

uisdc--page-20170111-2

uisdc--page-20170111-3

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

uisdc--page-20170111-4 uisdc--page-20170111-5 uisdc--page-20170111-6 uisdc--page-20170111-7 uisdc--page-20170111-8 uisdc--page-20170111-9 uisdc--page-20170111-10 uisdc--page-20170111-11

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

uisdc--page-20170111-12 uisdc--page-20170111-13 uisdc--page-20170111-14

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

另外对于这个的制作过程我还是有蛮多体会的,因为网上没有找到详细的制作教程,所以自己也摸索好一会儿(淘宝上其实有卖类似这种东西的,不过它们卖的都是批量生产的东西)

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

三、重新认识电商设计

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

1)思维决定行为

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

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

2)只要是卖货就会涉及到竞争和对比

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

3)突破可以是思维层面上的突破,也可以是执行层面上的突破

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

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

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

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

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

2016年的双十一出街海报

uisdc--page-20170111-15 uisdc--page-20170111-16 uisdc--page-20170111-17

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

uisdc--page-20170111-18

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

2)适当追热点或恶搞

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

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

uisdc--page-20170111-19

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

uisdc--page-20170111-20

uisdc--page-20170111-21

uisdc--page-20170111-22

3)文案的创新

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

  • “抢年货”
  • “钜惠来袭”
  • “有礼贺新年“
  • “贺岁狂欢“
  • “年货盛典”
  • “年味中国”
  • “春节不打烊”

……

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

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

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

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

uisdc--page-20170111-23

uisdc--page-20170111-24

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

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

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

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

uisdc--page-20170111-25

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

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

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

4)新的活动玩法

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

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

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

uisdc--page-20170111-26 uisdc--page-20170111-27

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

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

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

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

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

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

uisdc--page-20170111-28

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

uisdc--page-20170111-29

uisdc--page-20170111-30

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

uisdc--page-20170111-31

uisdc--page-20170111-32

uisdc--page-20170111-33 uisdc--page-20170111-34

这里是链接,大家可以去体验看看(仅限手机和平板):https://h5.m.jd.com

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

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

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

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

uisdc--page-20170111-35

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

uisdc--page-20170111-36

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

总结

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

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

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

tttt-1qr1111

「热点电商好文推荐」

《电商丨四步挖掘灵感,30分钟打造出一款圣诞节BANNER!》
《电商丨值得一看的淘宝双12亲亲节活动视觉分析(预热期)》
《掌控BANNER设计中促销氛围的“火候”,看这篇文章就够了!》

2016uisdc-classroom-new

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

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

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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