挖掘創(chuàng)作背后：打造《電影尋龍?jiān)E》官方App 完美交互的旅程

原創(chuàng) 贊7 收藏7 評論

舉報(bào) 2016-01-15

掃描,分享朋友圈

《尋龍?jiān)E》電影App

2015年中國電影界的年度大片《尋龍?jiān)E》公映首周末票房秒破六億，至本文發(fā)稿時(shí)已沖破16.3億，不但成為國產(chǎn)電影票房亞軍，而且好評如潮，東方奇幻美學(xué)、國產(chǎn)重工業(yè)大片品質(zhì)徹底征服了觀眾，二刷、三刷的觀眾都大有人在。但如果刷完IMAX版、270度版、Dolby版之后，還是意猶未盡呢？那你還可以隨時(shí)隨地用手機(jī)刷屏體驗(yàn)！

《尋龍?jiān)E》電影App

《電影尋龍?jiān)E》官方App，可 “將電影裝進(jìn)App里”，它的實(shí)驗(yàn)性與前瞻性也正是《尋龍?jiān)E》全面提升中國電影工業(yè)制作水準(zhǔn)的理念延伸！下面就請各位看官一起來看看《電影尋龍?jiān)E》App到底是怎樣煉成的。

圖3.jpg

華揚(yáng)亞實(shí)驗(yàn)室在2014年底接觸《尋龍?jiān)E》之初，是以《尋龍?jiān)E》電影官網(wǎng)設(shè)計(jì)與制作者的身份而進(jìn)入這個(gè)大游戲的。經(jīng)過一段時(shí)間的沉淀，2015年上半年，客戶確認(rèn)以手機(jī)屏幕為爭奪焦點(diǎn)，華揚(yáng)亞實(shí)驗(yàn)室也調(diào)整為以電影的手機(jī)App為主、以電影官網(wǎng)為輔的制作方。這個(gè)最終決議也使華揚(yáng)亞實(shí)驗(yàn)室團(tuán)隊(duì)十分慶幸，因?yàn)樵谶^往的幾年間華揚(yáng)早已把工作重點(diǎn)轉(zhuǎn)至了移動端和多屏互動上來；同時(shí)，為客戶訂制開發(fā)一款全平臺的手機(jī)App也是一次令人興奮的挑戰(zhàn)。

最初的概念原畫
《尋龍?jiān)E》電影App

設(shè)計(jì)理念：探索電影體驗(yàn)新可能

在著手設(shè)計(jì)之前，華揚(yáng)亞實(shí)驗(yàn)室已經(jīng)花一個(gè)多月時(shí)間認(rèn)真研究了好萊塢電影的數(shù)字化營銷創(chuàng)意與策略。團(tuán)隊(duì)不僅從游戲、插畫乃至動物標(biāo)本的角度研究了各種鬼怪設(shè)定的美學(xué)，更重點(diǎn)整理了《霍比特人》、《饑餓游戲2》、《普羅米修斯》、《星際穿越》等大片的網(wǎng)站和App做法。這些好萊塢大片都曾經(jīng)做過交互體驗(yàn)非常完美的手機(jī)App，OCULUS等VR體驗(yàn)也層出不窮，讓人們在享受電影視聽快感時(shí)，用更精彩的科技手段體驗(yàn)電影背后的宏大世界。這不但是金牌監(jiān)制陳國富所堅(jiān)持的《尋龍?jiān)E》電影營銷重要理念，也是華揚(yáng)亞實(shí)驗(yàn)室一直在踐行的：探索電影與交互體驗(yàn)技術(shù)結(jié)合的新可能。

于是，《電影尋龍?jiān)E》App將近一年的魔鬼式方案調(diào)整與超過五個(gè)月的地獄式制作工程就這樣血雨腥風(fēng)地在亞實(shí)驗(yàn)室小院里展開了。各種方案設(shè)計(jì)雪片樣飛起飄落，最終落定在還原《尋龍?jiān)E》電影背后那個(gè)奇幻的《鬼吹燈》世界上來。而最初對四大門派的全方位構(gòu)想，也漸漸聚焦于“正宗摸金范兒”。

原始的四大門派徽章設(shè)計(jì)

于是，這是第一次，在中國電影史上，《電影尋龍?jiān)E》是第一個(gè)運(yùn)用實(shí)時(shí)渲染的3D交互技術(shù)來制作的“重工業(yè)”App。

App概念原畫

作為一款本質(zhì)上是電影推廣的App，為電影上映前期預(yù)熱、后期加溫，最大范圍地積累用戶量永遠(yuǎn)是根本要?jiǎng)?wù)。為保證最順暢也最親民的游戲感體驗(yàn)，我們對App游戲關(guān)卡的難度有了嚴(yán)格的控制標(biāo)準(zhǔn)——體驗(yàn)為主、過關(guān)為輔。

體驗(yàn)設(shè)計(jì)：類型電影與游戲的結(jié)合

既然App需要跟《尋龍?jiān)E》電影相對應(yīng)，是一次奇幻冒險(xiǎn)的旅程，那么如何設(shè)置體驗(yàn)流程－即關(guān)卡設(shè)計(jì)就需要同樣參考電影的方法。因此，按照烏爾善導(dǎo)演提供的探險(xiǎn)尋寶類電影類型片的最核心特征，再對應(yīng)《尋龍?jiān)E》電影劇本中實(shí)際涉及到的各個(gè)節(jié)奏點(diǎn)，構(gòu)成了現(xiàn)在的APP交互流程。

圖10.jpg

點(diǎn)亮蠟燭，你就進(jìn)入《鬼吹燈》的世界，將我們直接引向電影里摸金校尉的冒險(xiǎn)歷程。“摸金者的試煉”是進(jìn)入電影世界的重要前戲，最終為摸金玩家設(shè)置出五個(gè)交互的體驗(yàn)關(guān)卡，通過實(shí)時(shí)3D漫游技術(shù)和調(diào)用多種傳感器，在手機(jī)端構(gòu)成一番貼近《尋龍?jiān)E》故事的冥界體驗(yàn)。通關(guān)的玩家被命名為“勇敢者”，他們將在游戲中最終領(lǐng)取到摸金勛章，與電影的五大主演一同并肩作戰(zhàn)。

圖11.jpg

當(dāng)摸金玩家通過重重試煉，就將進(jìn)入巨大的薩滿頭像入口，開啟神秘大墓彼岸花。玩家能運(yùn)用手機(jī)傳感器在360度實(shí)時(shí)渲染的這朵彼岸花3D空間內(nèi)部漫游，增強(qiáng)了逼真的代入感和沉浸式的體驗(yàn)感。伴隨著優(yōu)美神秘的彼岸花主題曲，玩家獲得的墓中寶藏就是電影《尋龍?jiān)E》的各種制作秘籍，包括了主演探班、制作探底、劇情探秘和終極探奇四層內(nèi)容。通過這樣交互的方式發(fā)送電影宣傳的相關(guān)物料，以體驗(yàn)帶出對電影的預(yù)期。

圖12.jpg

如果你已經(jīng)看過電影，就會知道《尋龍?jiān)E》不僅打造了盜墓大片的視覺奇觀，更注重價(jià)值觀和情感內(nèi)核，成功地用類型電影的方式講了一個(gè)中國人原創(chuàng)的盜墓探險(xiǎn)故事，完成了一次有關(guān)情感與記憶的個(gè)人表達(dá)。所以當(dāng)你最終進(jìn)入App“人人的彼岸花”，隨著蠟燭點(diǎn)亮的微光，陳坤演唱的《尋龍?jiān)E》主題曲輕輕響起，你的光芒一路向上升騰，穿越深邃的星空，電影中的畫面與人物猶如記憶中的碎片閃爍重又浮現(xiàn)……你隨之繼續(xù)升騰，猶如鳳凰涅槃，光點(diǎn)在幻化的時(shí)空中紛然崩裂、又重組為電影中曾經(jīng)坍塌的彼岸花——只不過這一次，重組成彼岸花的，是數(shù)據(jù)、是虛擬的光子，也就是我們自己、體驗(yàn)過電影與App的每一個(gè)人——此刻，“世界上最珍貴的寶藏，莫過于你內(nèi)心的情感與記憶！”

圖13.jpg

這才是導(dǎo)演和主創(chuàng)們經(jīng)歷的最大的冒險(xiǎn)與收獲的最珍貴的寶藏，這才是我們?yōu)椤秾堅(jiān)E》這部中國奇幻、特效大片驕傲的真正理由！

UID：必須是精致完美的用戶交互界面

UI是App給人的第一印象與基本的交互觸點(diǎn)，重要性不言自明。電影尋龍?jiān)EApp的UI設(shè)計(jì)，可謂簡潔而耐人尋味。事實(shí)上，用戶界面是從App Store里的ICON開始。在一幅古樸的山水畫式古地圖中呈現(xiàn)的摸金符，是導(dǎo)演與華揚(yáng)亞實(shí)驗(yàn)室共同選定的App標(biāo)識，或許從一開始就體現(xiàn)了電影與App都是以中國傳統(tǒng)文化為底色的創(chuàng)作方向。

圖15.jpg

圖16.jpg

而無論正三角形摸金原型與關(guān)卡版式、還是正六邊形圖文按鈕、成就系統(tǒng)、摸金幣，乃至字體選擇，則都是基于某種遠(yuǎn)古秘符、卦象、煉金術(shù)與現(xiàn)代幾何學(xué)相結(jié)合的圖示，在統(tǒng)一中呈現(xiàn)細(xì)節(jié)變化，并與畫面中的六角靈石等三維元素相耦合，形成一套完整的視覺與信息指引體系。

風(fēng)格化美術(shù)設(shè)定：探班《尋龍?jiān)E》的后遺效應(yīng)

與《尋龍?jiān)E》針對最廣泛觀眾的奇幻賀歲大片定位相比，App版《電影尋龍?jiān)E》是一款偏重風(fēng)格化的體驗(yàn)型APP，因此它的目標(biāo)人群注定會偏小眾、先鋒、實(shí)驗(yàn)；而愈是偏向于此，美術(shù)設(shè)定的風(fēng)格就愈需要個(gè)性化、極致化。

Q版豬臉大蝙蝠設(shè)計(jì)
圖18.gif

華揚(yáng)亞實(shí)驗(yàn)室極致嚴(yán)格地要求APP的畫面視覺質(zhì)感，在《尋龍?jiān)E》的電影美術(shù)指導(dǎo)、臺灣電影金像獎(jiǎng)獲得者郝藝設(shè)計(jì)的電影原畫基礎(chǔ)上，重新設(shè)計(jì)／優(yōu)化了摸金徽、薩滿惡鬼、Q版大粽子、豬臉大蝙蝠、懸魂梯、墓室等道具、角色形象與場景，以達(dá)到風(fēng)格化極致。

蒸汽范兒摸金徽概念畫稿與三維呈現(xiàn)的最終開啟動畫
圖19.jpg 圖20.jpg

如果說設(shè)計(jì)還是有本可循，那么App視效的最終制作與呈現(xiàn)，難度不輸任何電影特效制作，因?yàn)樗耆蕾囉诔绦蚩刂葡碌氖謾C(jī)對三維畫面實(shí)時(shí)渲染的效果，而這正是電影尋龍?jiān)EApp在技術(shù)層面實(shí)現(xiàn)的重要亮點(diǎn)。好在這也正是華揚(yáng)亞實(shí)驗(yàn)室最擅長的，于是，全3D場景構(gòu)建的龍脈、冥界、彼岸花這些神秘的主題空間，通過精心調(diào)配的光效和霧效氛圍，最終以粗糲的質(zhì)感，在手機(jī)中呈現(xiàn)為一個(gè)可以720度全景漫游、并具有奇幻光影動感的冥界天地，讓每個(gè)人都可以成為加入電影奇幻冒險(xiǎn)的摸金校尉。

在unity里調(diào)整光效
圖21.jpg

技術(shù)的傳感移情：全方位調(diào)用手機(jī)傳感器

在對畫面質(zhì)感的苛刻要求之上，是對智能手機(jī)傳感器交互技術(shù)的全方位要求。雖然烏爾善導(dǎo)演曾開玩笑地說尋龍?jiān)E里沒啥科技，使用的都是中國傳統(tǒng)文化手段與心訣、冷兵器或簡單的指南針，但在App里，需要以當(dāng)下觀眾喜愛的技術(shù)體驗(yàn)方式進(jìn)行交互，華揚(yáng)亞實(shí)驗(yàn)室將這種技術(shù)與情感結(jié)合的創(chuàng)意稱為：傳感移情。

交互之“燈”
圖23.jpg

為了將中國人幾千年來觀星、堪脈等等摸金校尉一族的傳統(tǒng)生存技能，匯聚呈現(xiàn)在一個(gè)小小的游戲APP里，并用手機(jī)傳感器的交互技術(shù)完美地演繹出來，華揚(yáng)亞實(shí)驗(yàn)室采用手機(jī)陀螺儀與八卦方位相結(jié)合，將卦象飛升的意境視覺化，讓玩家用尋龍?jiān)E尋找龍脈之眼；用重力傳感技術(shù)，讓玩家穿越地下密道、打開五行之門；再用陀螺儀、重力感應(yīng)、加粒子效果和實(shí)時(shí)3D渲染等技術(shù)，給玩家720度的冥界漫游體驗(yàn)。這趟旅程全程結(jié)合了殺大粽子、蝙蝠鬼的游戲過關(guān)環(huán)節(jié)，進(jìn)入奇幻大墓，更是融合了攝像機(jī)軌跡精確控制、粒子游戲交互、多種傳感器結(jié)合、搜尋彩蛋任務(wù)等多種技術(shù)；最后“人人的彼岸花”環(huán)節(jié)，則加入了粒子化、數(shù)據(jù)視覺化的綜合體驗(yàn)，達(dá)到整個(gè)冥界之旅的情感升華。

完滿的摸金之旅
圖24.jpg

程序猿們?nèi)绾未螋兆?br/>

黃渤扮演的王凱旋在電影里說“與天斗與人斗，其樂無窮”。在我們交互界，其樂無窮的則是與各種數(shù)字化草蜢子、大粽子斗、與各種終端顯卡CPU斗。為APP最終呈現(xiàn)的視覺效果，華揚(yáng)亞實(shí)驗(yàn)室做了很多難以割舍的優(yōu)化。在上線之后，捉蟲（DeBug）成為所有項(xiàng)目中最能令人體驗(yàn)劇本創(chuàng)作中“靈魂的暗夜”的一環(huán)，有多少個(gè)暗夜到清晨，程序大神們都與幽靈般的程序蟲子們輸死搏斗！

熬夜抓蟲子的苦逼程序員和亞實(shí)驗(yàn)室團(tuán)隊(duì)創(chuàng)作會
圖26.jpg

無論曾經(jīng)有過多少困難，我們做到了。

華揚(yáng)亞實(shí)驗(yàn)室全體非常榮幸地為這樣一部注定會寫進(jìn)中國影史的電影做了一件小事，或許這個(gè)亮晶晶的App并不能為《尋龍?jiān)E》的大賣起到多大的作用，但它的誕生，絕對是《尋龍?jiān)E》為中國電影界的進(jìn)行的一次有益的實(shí)驗(yàn)與探索。

圖3.jpg

電影《尋龍?jiān)E》

首映于2015年12月13日，正式上映于2015年12月18日，首周末票房即沖破6億，總票房成為國產(chǎn)電影票房亞軍！
《尋龍?jiān)E》電影官網(wǎng)上線于2015年12月10日。
體驗(yàn)地址：http://movie.weibo.com/xunlongjue

蘋果、豌豆莢、百度手機(jī)助手、91、安卓市場、360手機(jī)助手均可搜索【電影尋龍?jiān)E】下載APP完整版，看電影、刷手機(jī)，一起體驗(yàn)完整的冥界之旅，和全體摸金校尉一起閃爍吧！

圖27.jpg

本文系作者授權(quán)數(shù)英發(fā)表，內(nèi)容為作者獨(dú)立觀點(diǎn)，不代表數(shù)英立場。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。