您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

新年大招!三步教你搞定情人節(jié)活動(dòng)專題頁(yè)設(shè)計(jì)及玩法!

2.14情人節(jié)馬上要到了,估計(jì)很多店鋪或平臺(tái)都已經(jīng)在準(zhǔn)備情人節(jié)相關(guān)的活動(dòng)了(或者有些手快的活動(dòng)頁(yè)面在年前都已經(jīng)做完了吧),那么今天我就帶大家一起看看,究竟情人節(jié)頁(yè)面設(shè)計(jì)可以有哪些玩法以及怎么玩吧,


Let's Go??!~


首先呢,電商設(shè)計(jì)很多時(shí)候都是為運(yùn)營(yíng)目的服務(wù)的,所以要想做好電商設(shè)計(jì),就先要弄懂運(yùn)營(yíng)方向和活動(dòng)目的,因?yàn)榛顒?dòng)定位決定文案設(shè)定,而文案設(shè)定決定設(shè)計(jì)方向。


很多人做設(shè)計(jì)不知道從哪里入手,根本原因就在于沒(méi)有弄明白這個(gè)道理,如果說(shuō)設(shè)計(jì)是果的話,那么前期的活動(dòng)定位和文案設(shè)定就是因,先有因才有果,而不是反過(guò)來(lái)瞎搞,所以接下來(lái)我將從以下3個(gè)方向來(lái)給大家講解情人節(jié)頁(yè)面可以怎么玩:

1、活動(dòng)定位

2、文案設(shè)定

3、設(shè)計(jì)方向



1、活動(dòng)定位

我們做各種運(yùn)營(yíng)活動(dòng),其實(shí)最終目的要么是為了賣貨,要么就是為了更好的賣貨,而任何一個(gè)活動(dòng)都不可能滿足所有人群的喜好,所以最好是能事先選定好某一類人群定位,才有可能精準(zhǔn)地找到那些愿意買單的人,從而提高轉(zhuǎn)化率。


那么我們可以從哪幾個(gè)方向來(lái)確定定位方向呢,以情人節(jié)活動(dòng)為例,我們一起來(lái)看看下:


從戀愛(ài)傾向的角度:有同性戀/異性戀/雙性戀/獨(dú)身主義。

雖然我個(gè)人對(duì)所有的戀情都持可以理解的態(tài)度,但是我們平時(shí)看到的活動(dòng)最常見(jiàn)的依然還是針對(duì)的是異性戀(一些小眾的電商品牌或者產(chǎn)品可能會(huì)把人群定位為非異性戀的對(duì)象)。

02b6f5589990c0a8012060c87688a8.jpg


從年齡角度:小年輕愛(ài)戀/中老年人的愛(ài)戀/老年人愛(ài)戀。

不同的年齡階段使用的商品是存在差異的,所以雖然都是情人節(jié),都是賣貨,卻也要分是什么年齡階段的人過(guò)的情人節(jié),比如小年輕的愛(ài)戀或瘋狂或文藝或內(nèi)斂,但是中年人的戀愛(ài)往往更穩(wěn)重更強(qiáng)調(diào)品質(zhì)感等,而老年人之間的愛(ài)戀更樸實(shí)/溫馨/或令人動(dòng)容等。

0cea5899918da8012060c8f75fbc.jpg



從消費(fèi)力的角度:樸實(shí)的/平價(jià)的/高貴的/奢華的。

人群的消費(fèi)能力決定了他們喜歡什么樣的商品,決定了他們對(duì)什么樣的設(shè)計(jì)風(fēng)格更感興趣:


比如是熱鬧低價(jià)促銷的設(shè)計(jì)風(fēng)格往往比較適用于經(jīng)濟(jì)比較拮據(jù)的人或喜歡節(jié)儉持家的一類人;


文藝小清新的設(shè)計(jì)風(fēng)格比較適用于追求一定的生活品質(zhì)但是消費(fèi)能力也不是太高的年輕人;


奢華高貴的設(shè)計(jì)風(fēng)格比較適用于雖然沒(méi)什么消費(fèi)力但虛榮心強(qiáng)或者有高品質(zhì)生活追求的人以及經(jīng)濟(jì)實(shí)力確實(shí)豐厚的一類人。



不過(guò)我看了很多案例發(fā)現(xiàn),現(xiàn)在的情人節(jié)頁(yè)面普遍還是為年輕群體設(shè)計(jì)的,在花瓣,搜索關(guān)鍵詞情人節(jié),出現(xiàn)的都是這樣的頁(yè)面:

2db9589991a8a801219c779749c5.jpg



可能你會(huì)覺(jué)得沒(méi)什么特色。。于是我又去pinterest翻了一下國(guó)外的情人節(jié)頁(yè)面,發(fā)現(xiàn)他們的設(shè)計(jì)基本以簡(jiǎn)潔小清新居多,用色也是相對(duì)比較偏向年輕群體:

2eba589991c2a8012060c84de588.jpg



不過(guò)雖然都是針對(duì)年輕人群體,但可能是淘寶錢多資源多各方面都比較有條件的緣故,玩的花樣也會(huì)多一些,下面這個(gè)應(yīng)該是2015年的情人節(jié)海報(bào)。

cec8589991dca801219c77952191.jpg



從情感的角度:悲情的/平淡的/甜蜜的/熱烈的/溫馨的/感動(dòng)的。

感情有很多種,但不同的情感痛點(diǎn)能打動(dòng)的人是不一樣的,一般來(lái)說(shuō)我們總是更愿意為那些能打動(dòng)人的瞬間買單,比如當(dāng)我們對(duì)愛(ài)人感到愧疚時(shí),希望愛(ài)人幸福時(shí),或者自身感到痛苦需要發(fā)泄時(shí),往往會(huì)比內(nèi)心平靜時(shí),更有買買買的欲望,這也是為什么各種節(jié)日或廣告都喜歡打情感牌的原因了。


比如我之前給京東拍的一套攝影照片,就是悲情路線,打情感牌。

你是我以后的生活


每天和你說(shuō)早安


對(duì)不起寶貝,又惹你生氣了


我要嫁人了,我們分手吧


你說(shuō)過(guò),不喜歡屋里有煙味


愛(ài)讓我們更有勇氣


我們有屬于自己的浪漫啊


讓我嫁給你吧




人的戀愛(ài)狀態(tài)角度:戀愛(ài)中/異地戀/單身狗中/暗戀中/失戀中/已婚未育/已婚已育等。


針對(duì)不同的戀愛(ài)狀態(tài)人群,玩法也是不一樣的,比如:


我們的運(yùn)營(yíng)方向可以是針對(duì)處于幸福的戀愛(ài)中的人:

那么我們就要想,這些人在這一天可能是要出去約會(huì)的,那么這就涉及到該怎么打扮,該送什么禮物,該選什么約會(huì)場(chǎng)地等等方面的問(wèn)題了,這個(gè)活動(dòng)就可以起到一個(gè)幫忙出謀劃策的角色,從而達(dá)到賣貨的目的。

dac4589992bfa8012060c894ab6d.jpg



我們的運(yùn)營(yíng)方向可以是秀幸福或虐狗式的:

那么我們就要想,單身狗在情人節(jié)這一天會(huì)有什么心理呢?其實(shí)大多數(shù)或多或少應(yīng)該是有一點(diǎn)仇視或羨慕那些戀愛(ài)中的人的吧,而活動(dòng)的任務(wù)在于,它往往會(huì)通過(guò)放大他們的這種情緒或者替他們說(shuō)出自己想說(shuō)但不敢說(shuō)的想法的方式,去鼓勵(lì)他們通過(guò)購(gòu)買東西來(lái)發(fā)泄這種不滿的情緒,再或者讓他們意識(shí)到之所以自己還單身就是因?yàn)椴粫?huì)打扮不美讀書(shū)少之類的,從而激發(fā)他們改變自己的欲望,達(dá)到賣貨的目的。


看完這些畫(huà)面后,

作為單身狗的你,

就說(shuō)虐不虐???

虐不虐???

簡(jiǎn)直太虐了好嘛??!~


bf2358999385a801219c77a2e644.jpg


好了。。

平復(fù)一下心情,

我們接著繼續(xù)往下看。。。




我們的運(yùn)營(yíng)方向如果是想將這兩類人群都一網(wǎng)打盡同時(shí)又想走趣味非浪漫路線的話:

可以整個(gè)單身狗和情侶PK之類的活動(dòng),跟前面的道理是一樣的,你要讓別人買單,就要想方設(shè)法給ta們制造理由啊,比如單身狗更應(yīng)該對(duì)自己好一點(diǎn),所以買買買啦,再或者是雖然你現(xiàn)在不是單身狗,但是以防以后變成單身狗,所以還是買買買讓自己變得更好,或者多寵愛(ài)另一半所以買買買討好他吧。


不過(guò)這種玩法也要看品牌的氣質(zhì)了,惡搞不一定適合每一個(gè)品牌或品類,比如衛(wèi)龍辣條這么玩,就感覺(jué)毫無(wú)違和感嘛,因?yàn)槟銈兌摹?/p>

206c589993fba8012060c846fe5c.jpg


其他的我就不多說(shuō)啦,道理都是類似的。




2、文案設(shè)定

根據(jù)以上活動(dòng)定為方向的不同,所以我們的文案也會(huì)有所差異,下面我給大家例句一些文案方向:


貼合產(chǎn)品路線的文案,比如:

給你甜秘密

讓愛(ài)有聲意更深

享瘦在一起

聞香識(shí)愛(ài)

為愛(ài)吃狂

花點(diǎn)時(shí)間制造浪漫

甜過(guò)初戀


低價(jià)促銷路線的文案,比如:

約惠2017

浪漫不打折

情人節(jié),價(jià)給你



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

再不告白就老了

愛(ài)你一生一世

愿得一人心,白首不相離

特別的愛(ài)獻(xiàn)給特別的你

陪伴,是最甜蜜的告白

愛(ài)你不止這一天


宣揚(yáng)立場(chǎng)的獨(dú)立的文案,比如:

寵愛(ài)自己

做自己的 美麗情人

愛(ài)人先愛(ài)己


出謀劃策性質(zhì)的文案,比如:

情人節(jié)大膽說(shuō)愛(ài)你

情人節(jié)專場(chǎng)

浪漫情人節(jié)約會(huì)法則

單身狗如何度過(guò)情人節(jié)

情人節(jié)脫單計(jì)劃

愛(ài)他就購(gòu)了

女神表白日

情人節(jié)獻(xiàn)禮

我的愛(ài)情宣言


Pk性質(zhì)的文案,比如:

單身購(gòu)vs情侶購(gòu)

獨(dú)身主義vs戀愛(ài)主義


文藝調(diào)調(diào)的文案,比如:

想念不如相見(jiàn)

寫(xiě)給你的情書(shū)

情人節(jié)的邂逅



英文文案,比如:

I Love U

Happy Valentine’s Day

We are lovers




3、設(shè)計(jì)方向

當(dāng)前面的活動(dòng)定位確定了,文案也確定了,接下來(lái)便是確定設(shè)計(jì)方向了,以情人節(jié)活動(dòng)專題頁(yè)設(shè)計(jì)為例,它包含哪些內(nèi)容呢?


一個(gè)完整的活動(dòng)專題頁(yè)從結(jié)構(gòu)上包含頭部Banner部分以及樓層部分,而從設(shè)計(jì)的角度又包含整體創(chuàng)意/標(biāo)題設(shè)計(jì)/排版布局/背景選擇/產(chǎn)品或模特挑選/元素分為點(diǎn)綴/色彩搭配/風(fēng)格選定/表現(xiàn)手法等幾個(gè)方面,接下來(lái)我們一一來(lái)看下:


專題頁(yè)組成結(jié)構(gòu):

5ca75899942aa801219c777ff3a8.jpg


banner組成要素:

b34c58999443a8012060c8d09712.jpg



標(biāo)題:一般來(lái)說(shuō),一旦活動(dòng)的定位方向確定了,標(biāo)題的氣質(zhì)也就確定了,比如是要柔美浪漫的調(diào)調(diào)呢,還是文藝小清新的調(diào)調(diào)呢,再或者是可愛(ài)逗比的調(diào)調(diào),另類張揚(yáng)的調(diào)調(diào)等。



這里有一些標(biāo)題設(shè)計(jì)的還不錯(cuò),大家可以看看參考下:


標(biāo)題采用絲帶的造型或質(zhì)感,既現(xiàn)代又浪漫(畫(huà)質(zhì)有點(diǎn)差,大家將就看看,主要看標(biāo)題部分的設(shè)計(jì)感)



有粗有細(xì)的字型就像女人的優(yōu)美曲線,顯得比較優(yōu)雅(其實(shí)這個(gè)標(biāo)題也還可以繼續(xù)優(yōu)化,稍微有些生硬了)

0d955899948aa8012060c8f362d9.jpg


簡(jiǎn)筆畫(huà)的隨意感,既可愛(ài)又有親和力,好似一只萌妹子

68de589994cba801219c77e24206.jpg



一些細(xì)長(zhǎng)的字體設(shè)計(jì)可以體現(xiàn)女人的柔美

808c589994e5a801219c774adc30.jpg


這種比較粗獷的手寫(xiě)體就會(huì)顯得比較潮,有貨yoho非常喜歡這種,符合自己的調(diào)性

311f58999500a8012060c87356bf.jpg1b015899950fa8012060c8d9275e.jpg


毛筆字,有大有小,既有力度又不失韻律感,發(fā)現(xiàn)干果類的非常喜歡用這種

c82058999534a801219c7701454f.jpg


像這種比較粗的英文字體排版,也是會(huì)顯得比較時(shí)尚,同樣來(lái)自有貨yoho:

6b655899954fa8012060c8944421.jpg

還有一些靈感來(lái)自于花花草草顯得比較小清新的,大家也可以看看啦:

d79458999567a801219c77590c59.jpg


比較復(fù)古風(fēng)格的的標(biāo)題設(shè)計(jì),也可以參照這種設(shè)計(jì)排版

83a458999580a801219c777a0d62.jpg



元素:說(shuō)到情人節(jié),我們可以聯(lián)想到的元素就太多啦,比如巧克力/絲帶/蝴蝶結(jié)/糖果/鮮花/戒指/愛(ài)心/千紙鶴/情書(shū)/蠟燭等等。

4e5e589995a2a8012060c8e5350a.jpg


發(fā)現(xiàn)大家最常用的元素還是愛(ài)心和絲帶。。。。

6788589995bea801219c77dd6795.jpg



場(chǎng)景畫(huà)面:一些比較暖心或動(dòng)人的場(chǎng)景,比如手牽手/親吻/倚靠肩膀/比心/手捧花/騎單車摟腰/表白/穿著婚在紗夕陽(yáng)下的奔跑的樣子等,其實(shí)可以在電影海報(bào)里吸取一些靈感







色彩:常用顏色有代表浪漫的紫色,代表熱烈喜慶的紅色,代表溫馨的金色/棕色,代表可愛(ài)甜蜜的粉色,以及用代表女性的玫紅色系pk代表男性的藍(lán)色系顏色。

c6065899969fa8012060c88eeb84.jpg



想了解更多的話,當(dāng)然還是去pinterest搜索下關(guān)鍵詞,比如valentines design poster,得到的答案會(huì)比較豐富一些,畢竟是國(guó)外的情人節(jié)嘛,基本上國(guó)外什么顏色都有用,比如黑色啊白色啊什么的,沒(méi)什么忌諱。

b3f1589996bba801219c775e6be5.jpg




排版樣式:在保證設(shè)計(jì)方向準(zhǔn)確以及信息可讀的前提下,其實(shí)排版方式都是多種多樣的,接下來(lái)我總結(jié)了幾個(gè)常用的排版樣式給大家看下:


(1)元素要大:


大大的紅心:

e535589996d9a8012060c8e51b23.jpg


大大的彩帶:

46e1589996f4a8012060c85bcced.jpg


大大的嘴唇:

64575899970ca8012060c89981a6.jpg


大大的花瓣:

51455899972da801219c7728cb95.jpg


大大的人物:


大大的英文或字體:

b90758999763a801219c774b5b80.jpg


(2)不怕重復(fù)(假想背景都替換成花瓣的話也是可以的)

1eac58999780a8012060c8285d5f.jpg



(3)善用英文

5110589997a4a801219c77a141be.jpg

(4)合理裁剪(看四周被剪裁的元素,既時(shí)尚又可以使視線聚焦在中間文案部分)

76d9589997c0a801219c77aeb326.jpg


善用剪裁,還體現(xiàn)在截取某超大的元素部分當(dāng)做畫(huà)面的主體使用

7f26589997d7a8012060c80407e8.jpg



(5)左右pk

0d09589997f3a8012060c8cb99b2.jpg


(6)打破規(guī)則(比如葉子部分故意破出畫(huà)面,成為了前景)

612f5899980ba801219c77c10455.jpg


(7)正負(fù)形的運(yùn)用

92f658999824a801219c77c674de.jpg



其他更多排版樣式,可以參考我之前總結(jié)的banner排版示例:

a91358999844a8012060c80e7dce.jpg

或者看我之前寫(xiě)的這兩篇文章,都有非常詳細(xì)的解說(shuō):

五大步驟細(xì)說(shuō)Banner圖設(shè)計(jì)之平面構(gòu)成的奧秘

巧用服裝搭配9大原則,搞定專題頁(yè)設(shè)計(jì)so easy!~




風(fēng)格方向:根據(jù)前面的分析,運(yùn)營(yíng)方向的不同,人群定位的不同,所對(duì)應(yīng)的風(fēng)格喜好是不一樣的,那么我們有哪些風(fēng)格方向是適用于情人節(jié)的呢?


簡(jiǎn)潔時(shí)尚,適合有不錯(cuò)的審美品味的一類人

b8355899993ba801219c77cbbeca.jpg


比如文藝小清新,適用于文藝年輕人群體

b5f658999951a801219c7746788b.jpg

d7c858999990a801219c77cbcb49.jpg



手繪卡哇伊,適合萌妹小蘿莉

faf3589999e0a801219c7700ddf8.jpgc2f6589999faa8012060c881bb1e.jpg



粗獷個(gè)性,適合比較比較追求特立獨(dú)行的一類人



可愛(ài)搞怪,適合單身狗惡搞或搞怪小情侶

c8ac58999a48a8012060c8b4585d.jpg


溫馨沉穩(wěn),適合有一些生活閱歷的人群

c28758999a6ca801219c777149bc.jpg



比較性感的風(fēng)格,可以使用一些比較挑逗的模特來(lái)烘托氣氛,適合成人用品或者一切能勾起性欲有關(guān)的品類

91de58999a84a8012060c8f92712.jpg


不過(guò)這種就比較辣眼睛了。。。。。。慎用。。。。

8b5958999acda801219c774dffca.jpg




表現(xiàn)手法:攝影/手工剪紙/三維建模/手繪/創(chuàng)意合成,或者以上至少2種表現(xiàn)手法的結(jié)合。


攝影+合成:之前看到過(guò)一組小人國(guó)的創(chuàng)意婚紗攝影,很有借鑒意義噢,比如可以故意放大商品,而把人物縮小,新穎有趣味。



手工剪紙:這種也不必多說(shuō)啦,去花瓣或者pinterest隨便一搜就是一大堆,尤其是心形的發(fā)揮空間非常大,無(wú)論是從材質(zhì)入手還是從跨界取材的角度入手,大家可以去看看(過(guò)年了一個(gè)春節(jié),導(dǎo)致這次寫(xiě)文時(shí)間比較短,要不我自己也動(dòng)手做一個(gè)了,哈哈):

9b8858999b5ca8012060c8403a81.jpg



手繪:手繪的形式個(gè)風(fēng)格也有很多種,我下面只是簡(jiǎn)單舉例的簡(jiǎn)筆畫(huà)類型的喲,其他的也可以自己去收集和觀察


實(shí)物擺拍:比如把商品擺成情人節(jié)相關(guān)的元素或者文字之類的





三維建模:三維建模有很大的發(fā)揮空間,尤其是場(chǎng)景搭建喝字體設(shè)計(jì)方面都可以做些嘗試

720558999b9ea8012060c85c4333.jpg


還有其他一些方式大家可以自己去總結(jié)觀察,同時(shí)以上所有的內(nèi)容都構(gòu)成了一個(gè)完整的情人節(jié)頁(yè)面的創(chuàng)意方向。


總結(jié)

不同的活動(dòng)噱頭,適用的產(chǎn)品或類目是不一樣的,比如情人節(jié)的話,巧克力/糖果/禮品/飾品/成人用品/鮮花/服飾鞋包/香水/護(hù)膚美妝/餐飲/酒店/出行等等一系列與只要能情人節(jié)場(chǎng)景相關(guān)的產(chǎn)品和類目都是可以沾光的,那么除此以外的商品呢?難道就沒(méi)法玩了嗎?當(dāng)然不是,但是這個(gè)問(wèn)題我留給你們自己去想,哈哈。

[教程作者:TTTing]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/ui3374.html
設(shè)計(jì)中的層次和層級(jí)
海報(bào)背景的具體形式以及運(yùn)用
圖趣網(wǎng)微信
建議反饋
×