猴哥：未來什么樣的內容才可以脫穎而出？如何結合更多方式打破用戶的固定思維，超出用戶預期？今天騰訊游戲的設計師現身說法，以最近超火的故宮H5作為實戰案例，和同學們分享背后的設計思考。

恩。小伙伴們都體驗過了嗎？獻上二維碼一只，沒體驗的小伙伴趕快體驗一發吧!

起初集團市場部聯系到LAVA，經過初步溝通我們了解NEXT?IDEA?和故宮將展開長期合作，故宮博物院將開放一系列經典IP，與“NEXT?IDEA騰訊創新大賽”的兩項賽事“表情設計”和“游戲創意”展開合作。除此之外，我們還將聯手故宮，把“騰訊NEXT?IDEA?×故宮”項目的案例成果開發成對全社會開放的系列分享課程，形成再一次更大范圍的文化輻射，推動青年人與傳統文化的深度交流。

目前的需求是即將有一場發布會，希望能通過一個創意素材作為切入點引起當下年輕朋友的關注，吸引更多有創意想法的人才加入到這次活動中來，從故宮的角度也希望能更開放的讓年輕人了解故宮的文化、故事。兩個強大IP的碰撞，激情四射，有很多可以挖掘、發揮的點。

創意構想

故宮是一個世界級的超級IP，這幾年的變化很大，周邊創意產品，借助移動互聯網，故宮已經迅速地吸引了新一代的年輕粉絲。這次與NEXTIDAE的合作還能碰出怎樣的火花呢？

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

沒錯，概念就是這么滴嚴肅，但是我們的表現手法可以千奇百遍！于是乎打開腦門子放腦子，當下的故宮應該是怎么樣的呢！

方案思路

“嘿！那個故宮小伙子，注意看鏡頭”（想創意的時候沒有時間想那么好的標題，隨便YY）

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

說要把故宮擬人化，應該不會是想要這樣吧？

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

A、初期想法：

1.用歷史里和當下不同的信息載體，來承載這個故事，例如：以前的壁、書、畫、和現在手機電腦里的各個平臺，以及VR……一切你可以想到的）

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

B、方案優化：

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

傳統的：大家關注故宮點可能都不一樣，有的人覺得故宮的歷史書，有的人喜歡故宮里的人物故事，有的人喜歡故宮的古董字畫……都是一些可以采用的元素。

現代的：找一些最近大家關注的點像高科技VR，與傳統有強烈的反差感。還有當下大家的一些行為習慣,想朋友圈自拍點贊，人人都是低頭族。并且結合融入我們業務，和我們這次活動的內容。

然后我們如何將傳統與現代結合起來，讓他們碰撞出強烈的火花。想要獲得大家的親睞，還是要從大家的喜好入手。

有很多網民，將傳統藝術作品進行二次創作。

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

（初步的一些方向性想法不要太care歷史細節）

對于初步的創意提案，我們與集團市場部的同學達成共識，在多個方案中這一方案比較成熟，與這次NEXT?IDEA?x故宮要表達的一些概念比較準確，方案比較成熟，可優化深入。

方案成型后，內部多媒體團隊正處于需求爆發期，我們聯絡到合作伙伴青木團隊，來一起完成最后的落地，雖只用了4周時間，但過程的不斷嘗試，大家都非常投入期間。

大致制作過程

第一周：落地創意草圖，完善故事細節，并結合此次合作的公司內業務。

將古代場景和現代可以結合，古代人物在干我們都在干的事，用不不同信息載體來聯通畫面，這個方案比最初的想法比較復合，新舊元素相互融入，相互碰撞的比較到位。

第二周：設計落地。整體的風格是在已有的素材上，進行二次設計。具體到畫面細節的調整，一些臉部魔性表情，并且統一這些古代作品的色調。

第三周：動畫節奏的把控。除了整體的控制，還有很多細節上處理。其中最重要的一塊兒是皇帝，皇帝的動作、面部表情，需要配合節奏，進行了多次調整，讓皇帝更生動。

第四周：優化音樂，配合畫面。音樂進行多次優化，最終效果理想。并且調整畫面節奏配上音樂，把整體氛圍烘托出來。不得不說音樂的創作為H5加了很多分。

數據表現

截至7月7日，總訪問量已突破300W，點擊報名轉化率18.9%，平均播放時長：57秒

總結

未來什么樣的內容才可以脫穎而出？結合更多方式打破用戶的固定思維，超出用戶預期才會帶來主動傳播，當然這一切不能偏離產品本身的傳播核心及目標。

A：設計稿去哪兒了？

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

「人氣過萬的優秀實戰案例教程」

大眾點評：《大眾點評智慧餐廳LOGO設計全過程總結》

紅包預熱HTML 5：《聊聊刷一刷紅包預熱HTML 5背后的設計過程》

火影游戲HTML 5：《揭秘騰訊火影游戲HTML 5背后的設計故事》

原文地址：tgideas.qq

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com