猴哥：未來(lái)什么樣的內(nèi)容才可以脫穎而出？如何結(jié)合更多方式打破用戶的固定思維，超出用戶預(yù)期？今天騰訊游戲的設(shè)計(jì)師現(xiàn)身說(shuō)法，以最近超火的故宮H5作為實(shí)戰(zhàn)案例，和同學(xué)們分享背后的設(shè)計(jì)思考。

恩。小伙伴們都體驗(yàn)過(guò)了嗎？獻(xiàn)上二維碼一只，沒(méi)體驗(yàn)的小伙伴趕快體驗(yàn)一發(fā)吧!

起初集團(tuán)市場(chǎng)部聯(lián)系到LAVA，經(jīng)過(guò)初步溝通我們了解NEXT?IDEA?和故宮將展開長(zhǎng)期合作，故宮博物院將開放一系列經(jīng)典IP，與“NEXT?IDEA騰訊創(chuàng)新大賽”的兩項(xiàng)賽事“表情設(shè)計(jì)”和“游戲創(chuàng)意”展開合作。除此之外，我們還將聯(lián)手故宮，把“騰訊NEXT?IDEA?×故宮”項(xiàng)目的案例成果開發(fā)成對(duì)全社會(huì)開放的系列分享課程，形成再一次更大范圍的文化輻射，推動(dòng)青年人與傳統(tǒng)文化的深度交流。

目前的需求是即將有一場(chǎng)發(fā)布會(huì)，希望能通過(guò)一個(gè)創(chuàng)意素材作為切入點(diǎn)引起當(dāng)下年輕朋友的關(guān)注，吸引更多有創(chuàng)意想法的人才加入到這次活動(dòng)中來(lái)，從故宮的角度也希望能更開放的讓年輕人了解故宮的文化、故事。兩個(gè)強(qiáng)大IP的碰撞，激情四射，有很多可以挖掘、發(fā)揮的點(diǎn)。

創(chuàng)意構(gòu)想

故宮是一個(gè)世界級(jí)的超級(jí)IP，這幾年的變化很大，周邊創(chuàng)意產(chǎn)品，借助移動(dòng)互聯(lián)網(wǎng)，故宮已經(jīng)迅速地吸引了新一代的年輕粉絲。這次與NEXTIDAE的合作還能碰出怎樣的火花呢？

回到項(xiàng)目中來(lái)看，“故宮”給我們的第一映像大多是一座大宮殿，一個(gè)文化寶藏，莊嚴(yán)絢麗，氣質(zhì)高雅，這似乎與平常的我們有些些距離感。這一印象與我們NEXTIDAE一直以來(lái)倡導(dǎo)創(chuàng)意、無(wú)邊界……的理念，有些不同！所以整個(gè)項(xiàng)目我們需要解決的問(wèn)題就是這個(gè)“距離感”，甚至是讓故宮變得好像你身邊的某個(gè)朋友一樣，有些搞笑、欠扁，又難以割舍！愛(ài)不釋手！這個(gè)差距似乎也是創(chuàng)意的一個(gè)突破口，是nextidea與故宮碰撞出火花的一個(gè)點(diǎn)。

沒(méi)錯(cuò)，概念就是這么滴嚴(yán)肅，但是我們的表現(xiàn)手法可以千奇百遍！于是乎打開腦門子放腦子，當(dāng)下的故宮應(yīng)該是怎么樣的呢！

方案思路

“嘿！那個(gè)故宮小伙子，注意看鏡頭”（想創(chuàng)意的時(shí)候沒(méi)有時(shí)間想那么好的標(biāo)題，隨便YY）

從某種情況來(lái)說(shuō)，故宮不是靜止的，他是有生命的，他在不同的時(shí)代下扮演著不同角色，在不同人心中扮演著不同角色。像是整個(gè)歷史的主角籠罩著主角光環(huán)，屹立不倒，又像是配角，在我們的故事中充當(dāng)著最偉岸的背景……其實(shí)故宮這個(gè)人的生活瑣事一直都在我們周圍，當(dāng)下他又扮演一個(gè)怎么樣的角色呢？

說(shuō)要把故宮擬人化，應(yīng)該不會(huì)是想要這樣吧？

當(dāng)然不是，故宮這么強(qiáng)大的IP，有茫茫多的元素可以應(yīng)用，應(yīng)該不需要局限在故宮這個(gè)“宮”上，可以聚焦在故宮這個(gè)宮里那些人與事身上，是他們讓“故宮”有了個(gè)性。

A、初期想法：

1.用歷史里和當(dāng)下不同的信息載體，來(lái)承載這個(gè)故事，例如：以前的壁、書、畫、和現(xiàn)在手機(jī)電腦里的各個(gè)平臺(tái)，以及VR……一切你可以想到的）

2.借助一些大家熟悉的宮廷故事，是方案變得有趣，例如，步步驚心，還珠格格……

B、方案優(yōu)化：

NEXTIDEA與故宮的碰撞，有哪些點(diǎn)可以碰撞呢？如何碰撞？先尋找一些代表性元素。

傳統(tǒng)的：大家關(guān)注故宮點(diǎn)可能都不一樣，有的人覺(jué)得故宮的歷史書，有的人喜歡故宮里的人物故事，有的人喜歡故宮的古董字畫……都是一些可以采用的元素。

現(xiàn)代的：找一些最近大家關(guān)注的點(diǎn)像高科技VR，與傳統(tǒng)有強(qiáng)烈的反差感。還有當(dāng)下大家的一些行為習(xí)慣,想朋友圈自拍點(diǎn)贊，人人都是低頭族。并且結(jié)合融入我們業(yè)務(wù)，和我們這次活動(dòng)的內(nèi)容。

然后我們?nèi)绾螌鹘y(tǒng)與現(xiàn)代結(jié)合起來(lái)，讓他們碰撞出強(qiáng)烈的火花。想要獲得大家的親睞，還是要從大家的喜好入手。

有很多網(wǎng)民，將傳統(tǒng)藝術(shù)作品進(jìn)行二次創(chuàng)作。

這種戲劇感，似乎是用戶care的某個(gè)點(diǎn)。這樣新與舊的碰撞，撞出的火花，產(chǎn)生的效果，正是我們這次NEXTIDEA與故宮合作想要表達(dá)的那個(gè)點(diǎn)。

（初步的一些方向性想法不要太care歷史細(xì)節(jié)）

對(duì)于初步的創(chuàng)意提案，我們與集團(tuán)市場(chǎng)部的同學(xué)達(dá)成共識(shí)，在多個(gè)方案中這一方案比較成熟，與這次NEXT?IDEA?x故宮要表達(dá)的一些概念比較準(zhǔn)確，方案比較成熟，可優(yōu)化深入。

方案成型后，內(nèi)部多媒體團(tuán)隊(duì)正處于需求爆發(fā)期，我們聯(lián)絡(luò)到合作伙伴青木團(tuán)隊(duì)，來(lái)一起完成最后的落地，雖只用了4周時(shí)間，但過(guò)程的不斷嘗試，大家都非常投入期間。

大致制作過(guò)程

第一周：落地創(chuàng)意草圖，完善故事細(xì)節(jié)，并結(jié)合此次合作的公司內(nèi)業(yè)務(wù)。

將古代場(chǎng)景和現(xiàn)代可以結(jié)合，古代人物在干我們都在干的事，用不不同信息載體來(lái)聯(lián)通畫面，這個(gè)方案比最初的想法比較復(fù)合，新舊元素相互融入，相互碰撞的比較到位。

第二周：設(shè)計(jì)落地。整體的風(fēng)格是在已有的素材上，進(jìn)行二次設(shè)計(jì)。具體到畫面細(xì)節(jié)的調(diào)整，一些臉部魔性表情，并且統(tǒng)一這些古代作品的色調(diào)。

第三周：動(dòng)畫節(jié)奏的把控。除了整體的控制，還有很多細(xì)節(jié)上處理。其中最重要的一塊兒是皇帝，皇帝的動(dòng)作、面部表情，需要配合節(jié)奏，進(jìn)行了多次調(diào)整，讓皇帝更生動(dòng)。

第四周：優(yōu)化音樂(lè)，配合畫面。音樂(lè)進(jìn)行多次優(yōu)化，最終效果理想。并且調(diào)整畫面節(jié)奏配上音樂(lè)，把整體氛圍烘托出來(lái)。不得不說(shuō)音樂(lè)的創(chuàng)作為H5加了很多分。

數(shù)據(jù)表現(xiàn)

截至7月7日，總訪問(wèn)量已突破300W，點(diǎn)擊報(bào)名轉(zhuǎn)化率18.9%，平均播放時(shí)長(zhǎng)：57秒

總結(jié)

未來(lái)什么樣的內(nèi)容才可以脫穎而出？結(jié)合更多方式打破用戶的固定思維，超出用戶預(yù)期才會(huì)帶來(lái)主動(dòng)傳播，當(dāng)然這一切不能偏離產(chǎn)品本身的傳播核心及目標(biāo)。

A：設(shè)計(jì)稿去哪兒了？

TG：怕文章太長(zhǎng)觀眾老爺們又不想看了，掃下二維碼自己嗨！

「人氣過(guò)萬(wàn)的優(yōu)秀實(shí)戰(zhàn)案例教程」

大眾點(diǎn)評(píng)：《大眾點(diǎn)評(píng)智慧餐廳LOGO設(shè)計(jì)全過(guò)程總結(jié)》

紅包預(yù)熱HTML 5：《聊聊刷一刷紅包預(yù)熱HTML 5背后的設(shè)計(jì)過(guò)程》

火影游戲HTML 5：《揭秘騰訊火影游戲HTML 5背后的設(shè)計(jì)故事》

原文地址：tgideas.qq

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量160萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com