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

原創(chuàng)設(shè)計 - 經(jīng)驗分享 來源:中國設(shè)計在線 作者:cdo 2016-06-16

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

項目背景:

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

前期思考:

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

b. 如何用畫面來表達僅有的一句品牌口號(推廣主題)

c. 如何做一個專屬炫舞的視覺包裝?炫舞元素如何提煉?

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

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

(對自己提出的問題都有了肯定的答復(fù)時,那么就可以開始執(zhí)行了)

執(zhí)行過程:

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

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

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

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

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

xw201606141

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

3. logo 制作

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

基于前面我說過的我會把本次活動場景想象成是一個生日Party,那么在logo設(shè)計上會構(gòu)思成“8”從打開的禮物盒里蹦出來。

xw201606142

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

整體效果如下:

xw201606143

4. 主視覺制作

logo好了就可以開始設(shè)計KV了,因為本次活動是沒有任何素材的,所以本次的KV我決定在logo上面進行發(fā)散。之前設(shè)想的場景是一個生日Party,那么我們就來進行豐富這個KV:

xw201606144

那么就可以根據(jù)列出來的要點從可以量化的點來進行擴充:

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

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

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

xw201606145

完成稿整體效果如下:

xw201606146

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

xw201606147

xw2016061411

xw2016061410

xw201606149

xw201606148

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

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

a. 8周年品牌站

8周年的品牌站主要是對炫舞周年慶信息的露出外,還要為8周年期間的幾個重要重點項目的站點做引流,因此又是少不了大按鈕的事兒了。

xw2016061412

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

hb20160614

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

b. 線下應(yīng)用

xw2016061413

xw2016061414

(8周年禮品合作品牌是潘瑋柏跟李晨兩盒創(chuàng)辦的NPC自主品牌 )

xw2016061415

(炫舞夢工廠直播炫舞生日會)

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

xw2016061416

△ 炫舞大賽

xw2016061417

△ 炫舞小說站

小結(jié):

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

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

全部評論

暫無相關(guān)推薦