您当前位置:图趣网(Tuquu) >> 网页设计教程 >> 视觉设计 >> 浏览设计教程

新年大招!三步教你搞定情人节活动专题页设计及玩法!

2.14情人节马上要到了,估计很多店铺或平台都已经在准备情人节相关的活动了(或者有些手快的活动页面在年前都已经做完了吧),那么今天我就带大家一起看看,究竟情人节页面设计可以有哪些玩法以及怎么玩吧,


Let's Go!!~


首先呢,电商设计很多时候都是为运营目的服务的,所以要想做好电商设计,就先要弄懂运营方向和活动目的,因为活动定位决定文案设定,而文案设定决定设计方向


很多人做设计不知道从哪里入手,根本原因就在于没有弄明白这个道理,如果说设计是果的话,那么前期的活动定位和文案设定就是因,先有因才有果,而不是反过来瞎搞,所以接下来我将从以下3个方向来给大家讲解情人节页面可以怎么玩:

1、活动定位

2、文案设定

3、设计方向



1、活动定位

我们做各种运营活动,其实最终目的要么是为了卖货,要么就是为了更好的卖货,而任何一个活动都不可能满足所有人群的喜好,所以最好是能事先选定好某一类人群定位,才有可能精准地找到那些愿意买单的人,从而提高转化率。


那么我们可以从哪几个方向来确定定位方向呢,以情人节活动为例,我们一起来看看下:


从恋爱倾向的角度:有同性恋/异性恋/双性恋/独身主义。

虽然我个人对所有的恋情都持可以理解的态度,但是我们平时看到的活动最常见的依然还是针对的是异性恋(一些小众的电商品牌或者产品可能会把人群定位为非异性恋的对象)。

02b6f5589990c0a8012060c87688a8.jpg


从年龄角度:小年轻爱恋/中老年人的爱恋/老年人爱恋。

不同的年龄阶段使用的商品是存在差异的,所以虽然都是情人节,都是卖货,却也要分是什么年龄阶段的人过的情人节,比如小年轻的爱恋或疯狂或文艺或内敛,但是中年人的恋爱往往更稳重更强调品质感等,而老年人之间的爱恋更朴实/温馨/或令人动容等。

0cea5899918da8012060c8f75fbc.jpg



从消费力的角度:朴实的/平价的/高贵的/奢华的。

人群的消费能力决定了他们喜欢什么样的商品,决定了他们对什么样的设计风格更感兴趣:


比如是热闹低价促销的设计风格往往比较适用于经济比较拮据的人或喜欢节俭持家的一类人;


文艺小清新的设计风格比较适用于追求一定的生活品质但是消费能力也不是太高的年轻人;


奢华高贵的设计风格比较适用于虽然没什么消费力但虚荣心强或者有高品质生活追求的人以及经济实力确实丰厚的一类人。



不过我看了很多案例发现,现在的情人节页面普遍还是为年轻群体设计的,在花瓣,搜索关键词情人节,出现的都是这样的页面:

2db9589991a8a801219c779749c5.jpg



可能你会觉得没什么特色。。于是我又去pinterest翻了一下国外的情人节页面,发现他们的设计基本以简洁小清新居多,用色也是相对比较偏向年轻群体:

2eba589991c2a8012060c84de588.jpg



不过虽然都是针对年轻人群体,但可能是淘宝钱多资源多各方面都比较有条件的缘故,玩的花样也会多一些,下面这个应该是2015年的情人节海报。

cec8589991dca801219c77952191.jpg



从情感的角度:悲情的/平淡的/甜蜜的/热烈的/温馨的/感动的。

感情有很多种,但不同的情感痛点能打动的人是不一样的,一般来说我们总是更愿意为那些能打动人的瞬间买单,比如当我们对爱人感到愧疚时,希望爱人幸福时,或者自身感到痛苦需要发泄时,往往会比内心平静时,更有买买买的欲望,这也是为什么各种节日或广告都喜欢打情感牌的原因了。


比如我之前给京东拍的一套摄影照片,就是悲情路线,打情感牌。

你是我以后的生活


每天和你说早安


对不起宝贝,又惹你生气了


我要嫁人了,我们分手吧


你说过,不喜欢屋里有烟味


爱让我们更有勇气


我们有属于自己的浪漫啊


让我嫁给你吧




人的恋爱状态角度:恋爱中/异地恋/单身狗中/暗恋中/失恋中/已婚未育/已婚已育等。


针对不同的恋爱状态人群,玩法也是不一样的,比如:


我们的运营方向可以是针对处于幸福的恋爱中的人:

那么我们就要想,这些人在这一天可能是要出去约会的,那么这就涉及到该怎么打扮,该送什么礼物,该选什么约会场地等等方面的问题了,这个活动就可以起到一个帮忙出谋划策的角色,从而达到卖货的目的。

dac4589992bfa8012060c894ab6d.jpg



我们的运营方向可以是秀幸福或虐狗式的:

那么我们就要想,单身狗在情人节这一天会有什么心理呢?其实大多数或多或少应该是有一点仇视或羡慕那些恋爱中的人的吧,而活动的任务在于,它往往会通过放大他们的这种情绪或者替他们说出自己想说但不敢说的想法的方式,去鼓励他们通过购买东西来发泄这种不满的情绪,再或者让他们意识到之所以自己还单身就是因为不会打扮不美读书少之类的,从而激发他们改变自己的欲望,达到卖货的目的。


看完这些画面后,

作为单身狗的你,

就说虐不虐???

虐不虐???

简直太虐了好嘛!!~


bf2358999385a801219c77a2e644.jpg


好了。。

平复一下心情,

我们接着继续往下看。。。




我们的运营方向如果是想将这两类人群都一网打尽同时又想走趣味非浪漫路线的话:

可以整个单身狗和情侣PK之类的活动,跟前面的道理是一样的,你要让别人买单,就要想方设法给ta们制造理由啊,比如单身狗更应该对自己好一点,所以买买买啦,再或者是虽然你现在不是单身狗,但是以防以后变成单身狗,所以还是买买买让自己变得更好,或者多宠爱另一半所以买买买讨好他吧。


不过这种玩法也要看品牌的气质了,恶搞不一定适合每一个品牌或品类,比如卫龙辣条这么玩,就感觉毫无违和感嘛,因为你们懂的~~

206c589993fba8012060c846fe5c.jpg


其他的我就不多说啦,道理都是类似的。




2、文案设定

根据以上活动定为方向的不同,所以我们的文案也会有所差异,下面我给大家例句一些文案方向:


贴合产品路线的文案,比如:

给你甜秘密

让爱有声意更深

享瘦在一起

闻香识爱

为爱吃狂

花点时间制造浪漫

甜过初恋


低价促销路线的文案,比如:

约惠2017

浪漫不打折

情人节,价给你



打情感牌路线的文案,比如:

再不告白就老了

爱你一生一世

愿得一人心,白首不相离

特别的爱献给特别的你

陪伴,是最甜蜜的告白

爱你不止这一天


宣扬立场的独立的文案,比如:

宠爱自己

做自己的 美丽情人

爱人先爱己


出谋划策性质的文案,比如:

情人节大胆说爱你

情人节专场

浪漫情人节约会法则

单身狗如何度过情人节

情人节脱单计划

爱他就购了

女神表白日

情人节献礼

我的爱情宣言


Pk性质的文案,比如:

单身购vs情侣购

独身主义vs恋爱主义


文艺调调的文案,比如:

想念不如相见

写给你的情书

情人节的邂逅



英文文案,比如:

I Love U

Happy Valentine’s Day

We are lovers




3、设计方向

当前面的活动定位确定了,文案也确定了,接下来便是确定设计方向了,以情人节活动专题页设计为例,它包含哪些内容呢?


一个完整的活动专题页从结构上包含头部Banner部分以及楼层部分,而从设计的角度又包含整体创意/标题设计/排版布局/背景选择/产品或模特挑选/元素分为点缀/色彩搭配/风格选定/表现手法等几个方面,接下来我们一一来看下:


专题页组成结构:

5ca75899942aa801219c777ff3a8.jpg


banner组成要素:

b34c58999443a8012060c8d09712.jpg



标题:一般来说,一旦活动的定位方向确定了,标题的气质也就确定了,比如是要柔美浪漫的调调呢,还是文艺小清新的调调呢,再或者是可爱逗比的调调,另类张扬的调调等。



这里有一些标题设计的还不错,大家可以看看参考下:


标题采用丝带的造型或质感,既现代又浪漫(画质有点差,大家将就看看,主要看标题部分的设计感)



有粗有细的字型就像女人的优美曲线,显得比较优雅(其实这个标题也还可以继续优化,稍微有些生硬了)

0d955899948aa8012060c8f362d9.jpg


简笔画的随意感,既可爱又有亲和力,好似一只萌妹子

68de589994cba801219c77e24206.jpg



一些细长的字体设计可以体现女人的柔美

808c589994e5a801219c774adc30.jpg


这种比较粗犷的手写体就会显得比较潮,有货yoho非常喜欢这种,符合自己的调性

311f58999500a8012060c87356bf.jpg1b015899950fa8012060c8d9275e.jpg


毛笔字,有大有小,既有力度又不失韵律感,发现干果类的非常喜欢用这种

c82058999534a801219c7701454f.jpg


像这种比较粗的英文字体排版,也是会显得比较时尚,同样来自有货yoho:

6b655899954fa8012060c8944421.jpg

还有一些灵感来自于花花草草显得比较小清新的,大家也可以看看啦:

d79458999567a801219c77590c59.jpg


比较复古风格的的标题设计,也可以参照这种设计排版

83a458999580a801219c777a0d62.jpg



元素:说到情人节,我们可以联想到的元素就太多啦,比如巧克力/丝带/蝴蝶结/糖果/鲜花/戒指/爱心/千纸鹤/情书/蜡烛等等。

4e5e589995a2a8012060c8e5350a.jpg


发现大家最常用的元素还是爱心和丝带。。。。

6788589995bea801219c77dd6795.jpg



场景画面:一些比较暖心或动人的场景,比如手牵手/亲吻/倚靠肩膀/比心/手捧花/骑单车搂腰/表白/穿着婚在纱夕阳下的奔跑的样子等,其实可以在电影海报里吸取一些灵感







色彩:常用颜色有代表浪漫的紫色,代表热烈喜庆的红色,代表温馨的金色/棕色,代表可爱甜蜜的粉色,以及用代表女性的玫红色系pk代表男性的蓝色系颜色。

c6065899969fa8012060c88eeb84.jpg



想了解更多的话,当然还是去pinterest搜索下关键词,比如valentines design poster,得到的答案会比较丰富一些,毕竟是国外的情人节嘛,基本上国外什么颜色都有用,比如黑色啊白色啊什么的,没什么忌讳。

b3f1589996bba801219c775e6be5.jpg




排版样式:在保证设计方向准确以及信息可读的前提下,其实排版方式都是多种多样的,接下来我总结了几个常用的排版样式给大家看下:


(1)元素要大:


大大的红心:

e535589996d9a8012060c8e51b23.jpg


大大的彩带:

46e1589996f4a8012060c85bcced.jpg


大大的嘴唇:

64575899970ca8012060c89981a6.jpg


大大的花瓣:

51455899972da801219c7728cb95.jpg


大大的人物:


大大的英文或字体:

b90758999763a801219c774b5b80.jpg


(2)不怕重复(假想背景都替换成花瓣的话也是可以的)

1eac58999780a8012060c8285d5f.jpg



(3)善用英文

5110589997a4a801219c77a141be.jpg

(4)合理裁剪(看四周被剪裁的元素,既时尚又可以使视线聚焦在中间文案部分)

76d9589997c0a801219c77aeb326.jpg


善用剪裁,还体现在截取某超大的元素部分当做画面的主体使用

7f26589997d7a8012060c80407e8.jpg



(5)左右pk

0d09589997f3a8012060c8cb99b2.jpg


(6)打破规则(比如叶子部分故意破出画面,成为了前景)

612f5899980ba801219c77c10455.jpg


(7)正负形的运用

92f658999824a801219c77c674de.jpg



其他更多排版样式,可以参考我之前总结的banner排版示例:

a91358999844a8012060c80e7dce.jpg

或者看我之前写的这两篇文章,都有非常详细的解说:

五大步骤细说Banner图设计之平面构成的奥秘

巧用服装搭配9大原则,搞定专题页设计so easy!~




风格方向:根据前面的分析,运营方向的不同,人群定位的不同,所对应的风格喜好是不一样的,那么我们有哪些风格方向是适用于情人节的呢?


简洁时尚,适合有不错的审美品味的一类人

b8355899993ba801219c77cbbeca.jpg


比如文艺小清新,适用于文艺年轻人群体

b5f658999951a801219c7746788b.jpg

d7c858999990a801219c77cbcb49.jpg



手绘卡哇伊,适合萌妹小萝莉

faf3589999e0a801219c7700ddf8.jpgc2f6589999faa8012060c881bb1e.jpg



粗犷个性,适合比较比较追求特立独行的一类人



可爱搞怪,适合单身狗恶搞或搞怪小情侣

c8ac58999a48a8012060c8b4585d.jpg


温馨沉稳,适合有一些生活阅历的人群

c28758999a6ca801219c777149bc.jpg



比较性感的风格,可以使用一些比较挑逗的模特来烘托气氛,适合成人用品或者一切能勾起性欲有关的品类

91de58999a84a8012060c8f92712.jpg


不过这种就比较辣眼睛了。。。。。。慎用。。。。

8b5958999acda801219c774dffca.jpg




表现手法:摄影/手工剪纸/三维建模/手绘/创意合成,或者以上至少2种表现手法的结合。


摄影+合成:之前看到过一组小人国的创意婚纱摄影,很有借鉴意义噢,比如可以故意放大商品,而把人物缩小,新颖有趣味。



手工剪纸:这种也不必多说啦,去花瓣或者pinterest随便一搜就是一大堆,尤其是心形的发挥空间非常大,无论是从材质入手还是从跨界取材的角度入手,大家可以去看看(过年了一个春节,导致这次写文时间比较短,要不我自己也动手做一个了,哈哈):

9b8858999b5ca8012060c8403a81.jpg



手绘:手绘的形式个风格也有很多种,我下面只是简单举例的简笔画类型的哟,其他的也可以自己去收集和观察


实物摆拍:比如把商品摆成情人节相关的元素或者文字之类的





三维建模:三维建模有很大的发挥空间,尤其是场景搭建喝字体设计方面都可以做些尝试

720558999b9ea8012060c85c4333.jpg


还有其他一些方式大家可以自己去总结观察,同时以上所有的内容都构成了一个完整的情人节页面的创意方向。


总结

不同的活动噱头,适用的产品或类目是不一样的,比如情人节的话,巧克力/糖果/礼品/饰品/成人用品/鲜花/服饰鞋包/香水/护肤美妆/餐饮/酒店/出行等等一系列与只要能情人节场景相关的产品和类目都是可以沾光的,那么除此以外的商品呢?难道就没法玩了吗?当然不是,但是这个问题我留给你们自己去想,哈哈。

[教程作者:TTTing]
免责声明:本站文章系图趣网整理发布,如需转载,请注明出处,素材资料仅供个人学习与参考,请勿用于商业用途!
本文地址:http://www.tuquu.com/tutorial/ui3374.html
设计中的层次和层级
海报背景的具体形式以及运用
图趣网微信
建议反馈
×