五大新玩法和新设计方向,教你设计出不一样的年货节页面

年关将近,今天就主要分享一下我对这些年的年货节页面看到的一些现象,发表一些自己的看法和思考。“天哪,怎么几乎所有的年货节页面都是红红火火毛笔字,高高兴兴过大年的手绘风格啊?这让我们这些不会写毛笔字也不会手绘的人怎么活?”“抢年货”
“钜惠来袭”
“有礼贺新年“
“贺岁狂欢“
“年货盛典”
“年味中国”
“春节不打烊”
………………..


年关将近,今天就主要分享一下我对这些年的年货节页面看到的一些现象,发表一些自己的看法和思考。

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

  • 配色:配色基本都是大面积的红色或黄色。
  • 布局:常规布局,头图Banner+楼层的形式。
  • 标题:标题惯用毛笔字,或者使用一些体现年代感的衬线字体。
  • 表现手法:手绘配合素材搭建场景的方式。
  • 氛围点缀:各种代表春节或喜庆相关的元素做氛围点缀,比如说灯笼/红房子/剪纸/生肖/烟花炮竹/红包等等。
  • 文化背景:虽然都是用的手绘形式,但是反应不同的年代其手绘风格是不一样的,质感和色调也不一样,年代越久色彩饱和度越低,年代越近色彩饱和度越高,比如阿里2015年的年货节看起来是比较艳丽现代感的。
  • 品牌:如果有品牌形象一般都会在页面里加一结合运用或展示,比如阿里的猫头形状,比如三只松鼠的松鼠形象等都是已经深入人心了,如果没有品牌的店铺基本是随便玩自由发挥了(跟单身狗类似。。是没有什么牵挂和约束的人。。)。
  • 品类:基本都是在头图Banner部分结合自身的品类特点去发挥,放一些相关产品做展示。
  • 整体:整体看起来红红火火,非常喜庆热闹,一眼就能联想到过年,需要买买买办年货。

那么看到这里,可能一方面你会觉得:

“天哪,怎么几乎所有的年货节页面都是红红火火毛笔字,高高兴兴过大年的手绘风格啊?这让我们这些不会写毛笔字也不会手绘的人怎么活?”

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

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

so,我们继续往下看。

二、我自己做了一个尝试

记得在以前我就写过一篇关于各种各样做Banner的方法的文章——《解锁新姿势,我有100种方法教你撩出满意的Banner》,鼓励设计师应该跳出固有思维模式,去做更多尝试。

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

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

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

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

三、重新认识电商设计

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

1. 思维决定行为

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

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

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

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

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

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

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

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

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

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

2016年的双十一出街海报

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

2、适当追热点或恶搞

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

3、文案的创新

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

比如:

“抢年货”

“钜惠来袭”

“有礼贺新年“

“贺岁狂欢“

“年货盛典”

“年味中国”

“春节不打烊”

………………..

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

  1. 每年的物价人力成本都在上涨,商家无论是出于品牌方面的考虑还是出于生存需要都是不可能无限给你让利的。所以,你会发现买东西打折什么的力度其实感觉越来越低了,用户也不是察觉不到的。
  2. 人性驱使,人都爱贪便宜,你这次给了便宜,他下次只想要你更便宜,要不然他就会失望甚至离开你。这种靠低价策略吸引到的用户始终是不太忠诚的,除非你有其他方面粘住他,或者你一直便宜下去。
  3. 对设计师来说,拿到这些文案确实也是很难做出更有突破性的页面设计了,年年都这样,什么热闹呀氛围啦要有过年的气氛啦,无非换个生肖,比如去年是猴子今年换成鸡,或者把各种平面构成原理利用起来,换一些文化元素之类的,我想你们应该深有体会的~

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

  • “过年送好礼”:这个关键词就是“送好礼”,那设计师就可以想送礼的一些门道了,送给谁的呢?怎么送呢?有什么讲究呢?,在一个送礼多半讲求的是面子/趣味/意义,低价倒不是用户最看重的,所以这种主题也可以玩的更加长久一点。
  • “新年大换新”:这个关键词是“换新”,谁都喜欢新鲜的人新鲜的事物,只是需要一个理由去推动而已,以这个纬度去思考可以发展出很多创新的方向,比如换新意味着换一种心情/换一种状态/换一种活法/换一种身份/意味着蜕变,设计师在设计上面也就可以玩出更多花样了。
  • “年味回家”:这里的关键词是“回家”,想想那些身在异乡的正常人,每到年底最思恋的应该还是家了,家的味道家的温暖都可以勾起他们的回忆,而且回家可以发散出很多画面,比如回家途中的趣事/对家的思恋和遐想/回家后的感受/对家的想象/回家前的一些思绪等等,可以发挥的空间太大了,而且通过这个方向切入主题,吸引到的用户也不是最看重低价的,而是愿意为家投入金钱的一类人。

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

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

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

4、新的活动玩法

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

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

  • 为什么有的页面能火有的人能火,而有的却无人问津呢?
  • 你能不能想到这些玩法呢?
  • 你有没有打动人的故事可讲呢?

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

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

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

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

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

五大新玩法和新设计方向,教你设计出不一样的年货节页面

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

总结

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

今天我们的思考分享就到这里了,大家有收获或启发了吗?

我们下期再见!

#专栏作家#

做设计的面条,公众号:做设计的面条,人人都是产品经理专栏作家。一位擅长将电商及banner设计讲得最透彻易懂的妹子,有趣有料会拍照,欢迎互相交流。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-05-10 11:33
下一篇 2017-05-10 13:19

相关推荐

  • 不一样的方法论:从迪斯尼动画学到的五大UX设计原则

    本文作者 Rebecca Ussai  ,成文于她和迪斯尼首席动画师 Glen Keane 在  SXSW panel 合作的一次干货分享之后,文章讨论了 UX 设计师能从迪斯尼动画设计学到的 5 大原则,干货满满!不能对观众没有耐心,他们只是在对你的设计做出反应。吸引力是一种很玄的东西。我总是做些我做不来的事儿,因为我觉得可能做着做着就学会了。
    ——毕加索

    2017-05-19
  • 你离互联网产品经理,只差一句自我肯定!

    从2014年开始,伴随着越来越多产品人转岗心路历程的分享,产品壹佰为此专门开辟专栏,记录了他们这一段学习路程中的点点滴滴。他们之中,有对未来茫然无措的大学生、不甘于现状的互联网从业者、郁郁不得志的传统行业人、孤立无援的产品新人以及举步维艰的创业者……在他们的诉说中,有着转岗前的不安、惶恐,也有刚转岗成功的喜悦、激动,更有成为产品经理后自我知识的输出!分享!如今,这些记录成长历程的人儿们如疾风般快速的蜕变着,梦想实现,更幸运的是,其中的出...

    微信热点 2018-03-10
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • 隐藏在今日头条百亿市值背后的算法:巨大可能与现实困境

    文/余亮 无论2016年科技圈热门的噱头有多少,对数据基础设施方面的耕耘仍然是决定实力的关键。阿里之类电商数据帝国自不待言,今日头条、一点资讯等在资讯数据领域的开拓更加值得注目。比起电商的物流数据,资讯算…

    2016-01-27
  • 【竞赛结果】2017 年度UA创作奖 · 概念设计国际竞赛最终结果

    来源:城市建筑竞赛题目:UA城的滨水居住建筑2017年度UA创作奖•概念设计国际竞赛由《城市建筑》杂志社主办,哈尔滨工业大学建筑设计研究院承办。组委会于2017年11月发布竞赛题目,共收到672个团队的注册参赛信息,至2018年1月15日止,共收取375份作品。本届竞赛评审分初审、通讯评审、现场评审、网络公示、评审委员会复议等阶段进行。初审遴选出362份有效参赛作品,其中前8所通过全国高等学校建筑学专业教育评估的学校学生报送作品63份,...

    2018-03-27
  • 交互设计师如何培养数据分析的能力呢?

    设计文章 交互设计  来源:ux.etao 发布者: GUImobile 面对一大堆看似杂乱的数据,如何进行信息提取与数据加工,从中获取自己想要的信息,并应用这些信息,有理有据的进行需求的讨论、最终设计决策的推进,这是每一…

    2014-09-05
  • 《2017中国设计行业价格报告》——交互设计

    《2017中国设计行业价格报告》——交互设计创意点亮生活设计美好人生创意设计一个有温度有格调的公众号合作、投稿:cda-zj@vip.163.com微信:13777850472微博:@浙江省创意设计协会

    2018-02-14
  • 设计案例|在做方案时,“更明显点”这句话怎么破

    在做方案的时候,时常会听到这样的话,“这个地方应该更明显一点”。今天,阁主将拿出自己设计的一个徽章注释来进行说明。

    2017-04-29
  • 搜狐设计师:我从产品经理转为交互设计师的经验总结

    从正式入职搜狐到现在已经四个多月,刚刚从产品岗来到了设计组转成了一名交互设计师 。今天来聊聊这个转变过程中的一些思考,希望能对职业迷茫的同学有帮助。

    2017-05-25
  • 值得你深入了解的交互设计五大支柱

    1、用户角色(Persona):Persona文档(控制在2~5个)通常需要包含你的目标用户。作为Persona中的虚构的角色,它的属性和特征是 基于产品研究和用户定位来设定的,用作后续设计过程中所面对的“理想用户”,本质上,它就是一个占位符。作为人物设定,其中会包含个人信息,远不止于年龄 和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。
    2、移情地图(Empathy Map):它像是一个轻量级的Persona文档,在资源短缺时间紧的状况下,可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了,更加专注于用户在特定情况下的感受。
    3、用户剧本(User Scenario):如果Persona 是帮你设计了一个故事中的角色,那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说,第二天是母亲节,要为母亲预订一份礼物。目标很明确,要达成目标,用户需要点击几次 按钮,走哪些流程,需要多长时间,如何在过程中融入情感,贯穿始终。对整个用户流程有了预判之后,设计师对于UI和UX的设计就有了把握。
    4、用户地图(Customer Journey Map):这份文档同上门的用户剧本很像,但是它比起前者跨度更大,贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计,而产品投 入使用之后也不是最终结束,这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个大杂烩,而是要将用户性格和用户流程、交互过程结合到一起来看待问题,每个阶段不同环节,都牵涉到不同的情绪和情感。Affordance 是 James J. Gibson 造出来的一个词,Gibson 是20世纪最重要的认知心理学家之一,他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式,环境的 affordance 是指这个环境可提供给动物的属性,无论是好的还是坏的,所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的:如果一块地表面接近水平(而不是倾斜的),接近平整的(而不是凸起或凹陷的),以及充分延伸的(与动物的尺寸相关),如果地表面的物质是 坚硬的(与动物的重量相关),我们可称它为基底、场地或地面,它是可以站上去的(stan-on-able),可让四足或两足动物保持竖直姿势,它是可以 行走(walk-on-able)和跑动(run-over-able)的,它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的(sink- into-able)。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性,如果以物理中使用的度量衡去衡量它们的话,但是对于特定 动物的支撑可供性,它们必须与动物关联上才可以被衡量,它们不是抽象的物理属性,它们是为所指动物特定的,与动物的姿势和行为相关,所以 affordance 不能像我们在物理中那样来衡量。能指和所指是语言学上的一对概念,能指意为语言文字的声音,形象;所指则是语言的意义本身。按照语言学家或者哲学家们的划分,人们试图通过语言表达出来的东西叫”所指”,而语言实际传达出来的东西叫”能指”。

    2017-06-04