挖掘创作背后:打造《电影寻龙诀》官方App 完美交互的旅程

举报 2016-01-15

02.jpg《寻龙诀》电影App

2015年中国电影界的年度大片《寻龙诀》公映首周末票房秒破六亿,至本文发稿时已冲破16.3亿,不但成为国产电影票房亚军,而且好评如潮,东方奇幻美学、国产重工业大片品质彻底征服了观众,二刷、三刷的观众都大有人在。但如果刷完IMAX版、270度版、Dolby版之后,还是意犹未尽呢?那你还可以随时随地用手机刷屏体验!

《寻龙诀》电影App

《电影寻龙诀》官方App,可 “将电影装进App里”,它的实验性与前瞻性也正是《寻龙诀》全面提升中国电影工业制作水准的理念延伸!下面就请各位看官一起来看看《电影寻龙诀》App到底是怎样炼成的。

图3.jpg

华扬亚实验室在2014年底接触《寻龙诀》之初,是以《寻龙诀》电影官网设计与制作者的身份而进入这个大游戏的。经过一段时间的沉淀,2015年上半年,客户确认以手机屏幕为争夺焦点,华扬亚实验室也调整为以电影的手机App为主、以电影官网为辅的制作方。这个最终决议也使华扬亚实验室团队十分庆幸,因为在过往的几年间华扬早已把工作重点转至了移动端和多屏互动上来;同时,为客户订制开发一款全平台的手机App也是一次令人兴奋的挑战。

最初的概念原画
《寻龙诀》电影App



设计理念:探索电影体验新可能
设计理念:探索电影体验新可能

在着手设计之前,华扬亚实验室已经花一个多月时间认真研究了好莱坞电影的数字化营销创意与策略。团队不仅从游戏、插画乃至动物标本的角度研究了各种鬼怪设定的美学,更重点整理了《霍比特人》、《饥饿游戏2》、《普罗米修斯》、《星际穿越》等大片的网站和App做法。这些好莱坞大片都曾经做过交互体验非常完美的手机App,OCULUS等VR体验也层出不穷,让人们在享受电影视听快感时,用更精彩的科技手段体验电影背后的宏大世界。这不但是金牌监制陈国富所坚持的《寻龙诀》电影营销重要理念,也是华扬亚实验室一直在践行的:探索电影与交互体验技术结合的新可能。

于是,《电影寻龙诀》App将近一年的魔鬼式方案调整与超过五个月的地狱式制作工程就这样血雨腥风地在亚实验室小院里展开了。各种方案设计雪片样飞起飘落,最终落定在还原《寻龙诀》电影背后那个奇幻的《鬼吹灯》世界上来。而最初对四大门派的全方位构想,也渐渐聚焦于“正宗摸金范儿”。

原始的四大门派徽章设计
原始的四大门派徽章设计

于是,这是第一次,在中国电影史上,《电影寻龙诀》是第一个运用实时渲染的3D交互技术来制作的“重工业”App。

App概念原画
APP概念原画APP概念原画

作为一款本质上是电影推广的App,为电影上映前期预热、后期加温,最大范围地积累用户量永远是根本要务。为保证最顺畅也最亲民的游戏感体验,我们对App游戏关卡的难度有了严格的控制标准——体验为主、过关为辅。


体验设计:类型电影与游戏的结合
体验设计:类型电影与游戏的结合

既然App需要跟《寻龙诀》电影相对应,是一次奇幻冒险的旅程,那么如何设置体验流程-即关卡设计就需要同样参考电影的方法。因此,按照乌尔善导演提供的探险寻宝类电影类型片的最核心特征,再对应《寻龙诀》电影剧本中实际涉及到的各个节奏点,构成了现在的APP交互流程。

图10.jpg

点亮蜡烛,你就进入《鬼吹灯》的世界,将我们直接引向电影里摸金校尉的冒险历程。“摸金者的试炼”是进入电影世界的重要前戏,最终为摸金玩家设置出五个交互的体验关卡,通过实时3D漫游技术和调用多种传感器,在手机端构成一番贴近《寻龙诀》故事的冥界体验。通关的玩家被命名为“勇敢者”,他们将在游戏中最终领取到摸金勋章,与电影的五大主演一同并肩作战。

图11.jpg

当摸金玩家通过重重试炼,就将进入巨大的萨满头像入口,开启神秘大墓彼岸花。玩家能运用手机传感器在360度实时渲染的这朵彼岸花3D空间内部漫游,增强了逼真的代入感和沉浸式的体验感。伴随着优美神秘的彼岸花主题曲,玩家获得的墓中宝藏就是电影《寻龙诀》的各种制作秘籍,包括了主演探班、制作探底、剧情探秘和终极探奇四层内容。通过这样交互的方式发送电影宣传的相关物料,以体验带出对电影的预期。

图12.jpg

如果你已经看过电影,就会知道《寻龙诀》不仅打造了盗墓大片的视觉奇观,更注重价值观和情感内核,成功地用类型电影的方式讲了一个中国人原创的盗墓探险故事,完成了一次有关情感与记忆的个人表达。所以当你最终进入App“人人的彼岸花”,随着蜡烛点亮的微光,陈坤演唱的《寻龙诀》主题曲轻轻响起,你的光芒一路向上升腾,穿越深邃的星空,电影中的画面与人物犹如记忆中的碎片闪烁重又浮现……你随之继续升腾,犹如凤凰涅槃,光点在幻化的时空中纷然崩裂、又重组为电影中曾经坍塌的彼岸花——只不过这一次,重组成彼岸花的,是数据、是虚拟的光子,也就是我们自己、体验过电影与App的每一个人——此刻,“世界上最珍贵的宝藏,莫过于你内心的情感与记忆!”

图13.jpg

这才是导演和主创们经历的最大的冒险与收获的最珍贵的宝藏,这才是我们为《寻龙诀》这部中国奇幻、特效大片骄傲的真正理由!


UID:必须是精致完美的用户交互界面
图14.jpg

UI是App给人的第一印象与基本的交互触点,重要性不言自明。电影寻龙诀App的UI设计,可谓简洁而耐人寻味。事实上,用户界面是从App Store里的ICON开始。在一幅古朴的山水画式古地图中呈现的摸金符,是导演与华扬亚实验室共同选定的App标识,或许从一开始就体现了电影与App都是以中国传统文化为底色的创作方向。

图15.jpg

图16.jpg

而无论正三角形摸金原型与关卡版式、还是正六边形图文按钮、成就系统、摸金币,乃至字体选择,则都是基于某种远古秘符、卦象、炼金术与现代几何学相结合的图示,在统一中呈现细节变化,并与画面中的六角灵石等三维元素相耦合,形成一套完整的视觉与信息指引体系。


风格化美术设定:探班《寻龙诀》的后遗效应
图17.jpg

与《寻龙诀》针对最广泛观众的奇幻贺岁大片定位相比,App版《电影寻龙诀》是一款偏重风格化的体验型APP,因此它的目标人群注定会偏小众、先锋、实验;而愈是偏向于此,美术设定的风格就愈需要个性化、极致化。

Q版猪脸大蝙蝠设计
图18.gif

华扬亚实验室极致严格地要求APP的画面视觉质感,在《寻龙诀》的电影美术指导、台湾电影金像奖获得者郝艺设计的电影原画基础上,重新设计/优化了摸金徽、萨满恶鬼、Q版大粽子、猪脸大蝙蝠、悬魂梯、墓室等道具、角色形象与场景,以达到风格化极致。

蒸汽范儿摸金徽概念画稿与三维呈现的最终开启动画
图19.jpg图20.jpg

如果说设计还是有本可循,那么App视效的最终制作与呈现,难度不输任何电影特效制作,因为它完全依赖于程序控制下的手机对三维画面实时渲染的效果,而这正是电影寻龙诀App在技术层面实现的重要亮点。好在这也正是华扬亚实验室最擅长的,于是,全3D场景构建的龙脉、冥界、彼岸花这些神秘的主题空间,通过精心调配的光效和雾效氛围,最终以粗粝的质感,在手机中呈现为一个可以720度全景漫游、并具有奇幻光影动感的冥界天地,让每个人都可以成为加入电影奇幻冒险的摸金校尉。

在unity里调整光效
图21.jpg


技术的传感移情:全方位调用手机传感器
图22.jpg

在对画面质感的苛刻要求之上,是对智能手机传感器交互技术的全方位要求。虽然乌尔善导演曾开玩笑地说寻龙诀里没啥科技,使用的都是中国传统文化手段与心诀、冷兵器或简单的指南针,但在App里,需要以当下观众喜爱的技术体验方式进行交互,华扬亚实验室将这种技术与情感结合的创意称为:传感移情。

交互之“灯”
图23.jpg

为了将中国人几千年来观星、堪脉等等摸金校尉一族的传统生存技能,汇聚呈现在一个小小的游戏APP里,并用手机传感器的交互技术完美地演绎出来,华扬亚实验室采用手机陀螺仪与八卦方位相结合,将卦象飞升的意境视觉化,让玩家用寻龙诀寻找龙脉之眼;用重力传感技术,让玩家穿越地下密道、打开五行之门;再用陀螺仪、重力感应、加粒子效果和实时3D渲染等技术,给玩家720度的冥界漫游体验。这趟旅程全程结合了杀大粽子、蝙蝠鬼的游戏过关环节,进入奇幻大墓,更是融合了摄像机轨迹精确控制、粒子游戏交互、多种传感器结合、搜寻彩蛋任务等多种技术;最后“人人的彼岸花”环节,则加入了粒子化、数据视觉化的综合体验,达到整个冥界之旅的情感升华。

完满的摸金之旅
图24.jpg


程序猿们如何打粽子
图25.jpg

黄渤扮演的王凯旋在电影里说“与天斗与人斗,其乐无穷”。在我们交互界,其乐无穷的则是与各种数字化草蜢子、大粽子斗、与各种终端显卡CPU斗。为APP最终呈现的视觉效果,华扬亚实验室做了很多难以割舍的优化。在上线之后,捉虫(DeBug)成为所有项目中最能令人体验剧本创作中“灵魂的暗夜”的一环,有多少个暗夜到清晨,程序大神们都与幽灵般的程序虫子们输死搏斗!

熬夜抓虫子的苦逼程序员和亚实验室团队创作会
图26.jpg

无论曾经有过多少困难,我们做到了。

华扬亚实验室全体非常荣幸地为这样一部注定会写进中国影史的电影做了一件小事,或许这个亮晶晶的App并不能为《寻龙诀》的大卖起到多大的作用,但它的诞生,绝对是《寻龙诀》为中国电影界的进行的一次有益的实验与探索。

图3.jpg

电影《寻龙诀》

首映于2015年12月13日,正式上映于2015年12月18日,首周末票房即冲破6亿,总票房成为国产电影票房亚军!
《寻龙诀》电影官网上线于2015年12月10日。
体验地址:
http://movie.weibo.com/xunlongjue

苹果、豌豆荚、百度手机助手、91、安卓市场、360手机助手均可搜索【电影寻龙诀】下载APP完整版,看电影、刷手机,一起体验完整的冥界之旅,和全体摸金校尉一起闪烁吧!

图27.jpg

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)