騰訊設(shè)計(jì)案例!QQ炫舞8周年視覺(jué)包裝全過(guò)程回顧

原創(chuàng)設(shè)計(jì) - 經(jīng)驗(yàn)分享 來(lái)源:中國(guó)設(shè)計(jì)在線 作者:cdo 2016-06-16

大家猴,我是來(lái)自TGideas的PJ,還記得在我高二的時(shí)候QQ炫舞面世了,從此我身邊好多女童鞋都在玩這個(gè)游戲,那時(shí)的我…肯定沒(méi)想到8年后自己能夠負(fù)責(zé)到炫舞的視覺(jué)包裝吧,是的!我敲激動(dòng)!下面就為大家報(bào)告一下我這一個(gè)多月負(fù)責(zé)炫舞8周年視覺(jué)包裝的始末吧。

項(xiàng)目背景:

炫舞8周年品牌整合營(yíng)銷包含內(nèi)容非常多,除了8周年慶的品牌包裝外,還有一系列的男團(tuán)出道KV及站點(diǎn),炫舞舞蹈大賽一期二期活動(dòng)KV,炫舞小說(shuō)文學(xué)站點(diǎn)等,都是屬于炫舞品牌2016上半年重點(diǎn)項(xiàng)目并通過(guò)8周年截點(diǎn)集中爆發(fā),因此必須要把握好短短的一個(gè)半月時(shí)間,明確分好優(yōu)先級(jí),才能高效高質(zhì)地輸出。而8周年的視覺(jué)包裝顯然是排在了第一位。

前期思考:

a. 如何把握這次品牌包裝,究竟什么調(diào)性才是符合的?

b. 如何用畫面來(lái)表達(dá)僅有的一句品牌口號(hào)(推廣主題)

c. 如何做一個(gè)專屬炫舞的視覺(jué)包裝?炫舞元素如何提煉?

d. 為了更好地覆蓋8周年的整體視覺(jué),我需要做的東西有哪些?

e. 應(yīng)用(活動(dòng)越大素材應(yīng)用范圍越廣,要考慮素材制作出來(lái)的應(yīng)用靈活度)

(對(duì)自己提出的問(wèn)題都有了肯定的答復(fù)時(shí),那么就可以開(kāi)始執(zhí)行了)

執(zhí)行過(guò)程:

1. 時(shí)間管理,規(guī)劃工作

列出8周年品牌包裝的所有工作量(logo、線下炫舞生日會(huì)KV、線上廣告、8周年品牌站點(diǎn))細(xì)分好工作,做好時(shí)間管理。

2. 內(nèi)容梳理,風(fēng)格設(shè)定

結(jié)合8周年品牌口號(hào)“一起炫舞”來(lái)對(duì)整體視覺(jué)進(jìn)行構(gòu)思:品味僅有的文案“一起炫舞”可知,本次的活動(dòng)需要一種參與,熱鬧,一起來(lái)玩的氛圍,那么我們可以構(gòu)造一個(gè)場(chǎng)景:炫舞的游戲8周年我們可以比喻成一個(gè)生日party,而對(duì)于生日Party,我們圖形化之后,首先先會(huì)想到的是生日禮物,蛋糕or something?

炫舞的視覺(jué)風(fēng)格如何體現(xiàn)?一是游戲內(nèi)的元素,二是最有特色的炫舞色啊,色彩鮮艷blingbling的~那么我們先列舉出炫舞各種活動(dòng)最常用的顏色:

xw201606141

在列出了常用色后,就可以根據(jù)構(gòu)思中的顏色搭配,選出本次視覺(jué)包裝的主色調(diào)跟輔助色調(diào),站在視覺(jué)的角度看,一般主色調(diào)會(huì)選擇相對(duì)柔和(大面積顏色出現(xiàn)時(shí)避免過(guò)于鮮艷而造成視覺(jué)疲勞),而輔助色則會(huì)選擇對(duì)比度高或相對(duì)鮮艷點(diǎn)的顏色,方能起來(lái)點(diǎn)睛之用。

3. logo 制作

確定好主色調(diào)后,就開(kāi)始進(jìn)入正式設(shè)計(jì)階段。(logo要先做,logo要先做,logo要先做,重要的事情要說(shuō)三次)

基于前面我說(shuō)過(guò)的我會(huì)把本次活動(dòng)場(chǎng)景想象成是一個(gè)生日Party,那么在logo設(shè)計(jì)上會(huì)構(gòu)思成“8”從打開(kāi)的禮物盒里蹦出來(lái)。

xw201606142

而為了logo能在放大跟縮很小的情況下都能清楚地被識(shí)別,在設(shè)計(jì)上就不能添加太多元素,也要刻意虛化一些元素,好比禮物盒上面的絲帶,正常情況下禮物盒是絕對(duì)不會(huì)跟絲帶一樣顏色的,可是在logo設(shè)計(jì)上就要進(jìn)行一些刻意的處理來(lái)讓其logo整體達(dá)到和諧。

整體效果如下:

xw201606143

4. 主視覺(jué)制作

logo好了就可以開(kāi)始設(shè)計(jì)KV了,因?yàn)楸敬位顒?dòng)是沒(méi)有任何素材的,所以本次的KV我決定在logo上面進(jìn)行發(fā)散。之前設(shè)想的場(chǎng)景是一個(gè)生日Party,那么我們就來(lái)進(jìn)行豐富這個(gè)KV:

xw201606144

那么就可以根據(jù)列出來(lái)的要點(diǎn)從可以量化的點(diǎn)來(lái)進(jìn)行擴(kuò)充:

A. party的氛圍——禮花,大禮物,絲帶等

B. 炫舞特色——標(biāo)志性的上下左右操作鍵,炫舞翅膀,與音樂(lè)有關(guān)的音響,麥克風(fēng),電子琴等

那么根據(jù)這些草稿就可以出來(lái)了,下面是連續(xù)好多天的鼠繪,放個(gè)gif截個(gè)部分作畫過(guò)程:

xw201606145

完成稿整體效果如下:

xw201606146

細(xì)節(jié)展示:

xw201606147

xw2016061411

xw2016061410

xw201606149

xw201606148

5. 線上品牌站制作及其他應(yīng)用

當(dāng)KV,logo確定后,一切的應(yīng)用都會(huì)水到渠成,包括品牌站的搭建,其他線上廣告的應(yīng)用,線下生日會(huì)的應(yīng)用,8周年禮品等。

a. 8周年品牌站

8周年的品牌站主要是對(duì)炫舞周年慶信息的露出外,還要為8周年期間的幾個(gè)重要重點(diǎn)項(xiàng)目的站點(diǎn)做引流,因此又是少不了大按鈕的事兒了。

xw2016061412

本次品牌戰(zhàn)數(shù)據(jù)展現(xiàn):

hb20160614

PV量9.46千萬(wàn),UV量1.33千萬(wàn),高點(diǎn)擊量也為站點(diǎn)內(nèi)各個(gè)重點(diǎn)項(xiàng)目做出了有力的倒量。由于本站點(diǎn)是作為本截點(diǎn)段內(nèi)其他重要站點(diǎn)的入口,因此無(wú)論數(shù)據(jù)還是品牌數(shù)據(jù)都需要好好把控(其他重點(diǎn)項(xiàng)目后面會(huì)展示)。

b. 線下應(yīng)用

xw2016061413

xw2016061414

(8周年禮品合作品牌是潘瑋柏跟李晨?jī)珊袆?chuàng)辦的NPC自主品牌 )

xw2016061415

(炫舞夢(mèng)工廠直播炫舞生日會(huì))

8周年截點(diǎn)內(nèi)其他重要項(xiàng)目展示:

xw2016061416

△ 炫舞大賽

xw2016061417

△ 炫舞小說(shuō)站

小結(jié):

最后我要非常感謝炫舞團(tuán)隊(duì),感謝炫舞團(tuán)隊(duì)的包容,一直鼓勵(lì)設(shè)計(jì)師做新嘗試且很愿意傾聽(tīng)設(shè)計(jì)師想法每次都有非常良好的溝通,使得輸出的結(jié)果能幾乎零修改地高效完成。此次截點(diǎn)讓我學(xué)會(huì)最大的感觸是時(shí)間管理及項(xiàng)目管理的重要性,拿炫舞16年上半年來(lái)講,所有重點(diǎn)活動(dòng)都集中在5月份爆發(fā),因此就必須得提前確定好有哪些項(xiàng)目及項(xiàng)目?jī)?yōu)先級(jí),提前做好規(guī)劃,包括時(shí)間的規(guī)劃以及項(xiàng)目與項(xiàng)目間是否需要延展性,好比炫舞舞蹈大賽需要出一個(gè)兩期不同的視覺(jué),那么今天做炫舞舞蹈大賽的第一期時(shí),就應(yīng)該規(guī)劃好哪些元素是應(yīng)該延伸的第二期去?如何做會(huì)比較好做延伸等?只要前期多加思考,后期實(shí)行起來(lái)才能事半功倍。然而做漂亮的圖固然重要,可還是要跟產(chǎn)品結(jié)合,相互碰撞才能產(chǎn)生最動(dòng)容的案例,以后探索的道路更長(zhǎng),其重而道遠(yuǎn),我們一起加油!

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見(jiàn)及觀點(diǎn)。

全部評(píng)論

暫無(wú)相關(guān)推薦