交互学堂
专注分享专业知识

从二维界面到虚拟现实 VR (总)

我是Google的一名产品设计师。2012年,我当时就职的一家名为Sparrow的法国创业公司被Google收购。从那时起,我就一直在Gmail团队效力,并全程参与了旗舰产品Inbox by Gmail的设计工作。

这些年下来,始终置身于移动app设计领域,自己也觉得遇到了瓶颈一样。我很希望扩展自己的技能范围,每天学些新东西,让自己在从未接触过的某个领域当中有所斩获。我需要走出自己的舒适地带,通过接受新的挑战来重启职业生命。

说起来,从Oculus在Kickstarter上搞众筹的时候开始,我就对VR(虚拟现实)产生了兴趣。沉浸式的体验相当吸引人,你可以从中隐约看到无尽的可能性。没有什么能比在全新的信息媒介当中探索未知疆土更加让人兴奋的了。

于是我在2015年4月申请加入了Google Cardboard与VR团队。在这里还要顺便感谢Clay Bavor及Jon Wiley为我提供的机会。

全新的领域

进入Google VR团队之后的第一周简直可以用惊悚来形容。我头脑一片空白的听着大家说着那些我闻所未闻的专业词汇,对于他们问到我的各种问题也不知该如何作答。

坦诚的说,要搞清楚所有这些术语真的不是一件轻松的事,不过从某种程度上讲,这也正是我所期待的,毕竟VR产品的实现涉及到多方面职能的参与,其中每个职能都有着相当专业的技术领域 – 这才够挑战。最初的几周对我来说相当茫然,不过日复一日,零散的认知碎片逐渐组合成完整的拼图,我一点点看清了当前VR设计与开发领域的整体框架,也开始明白了自己希望在其中扮演的角色,以及要成为这样的角色需要掌握哪些技能 – 有很多新东西要学,我已经做好接受挑战的准备了。接下来的日子里,内心状态起伏很大,从开始学习新知时的无比兴奋,到慢慢发现要学的实在太多而产生恐慌,加之平时一起共事的人都是业界高手,一天天下来,我越发感到焦虑。

一切都会好起来

不过我告诉自己,所有的点最终都会连成线,事情一定会变得明朗起来。我有热情和力气,几个小时几个小时的去钻研和尝试新东西对我来说不算什么问题。

和很多同行一样,我在过去从事产品设计的日子里,擅长于识别、分析和解决用户的问题。虽然VR是全新的领域,但无论信息媒介的形式如何,我们最终都是要帮人们活的更轻松更愉悦一些,这个道理是相通的。

本质目标是一致的,设计开发流程有所异同。对于VR来说:

  • 草图仍然是非常重要的沟通方式。无论在头脑风暴还是任何设计阶段,通过草图互通想法都是最为迅速的。我在VR团队当中画过的草图比我过去那些年加在一起画的都要多。
  • 即便领域有所不同,你过去所掌握的多方面的设计技能仍然是你的重要资本。
  • 摄影方面的知识会令你受益。在VR领域,你时常需要和“视界”、“景深”、“曝光”一类的概念打交道,光影运用的经验非常有用。
  • 你所掌握的3D知识及工具越多越好。建筑、角色、道具建模、骨架、UV贴图、纹理、动态、粒子…总有一天你需要接触到这些概念。
  • 动态图形设计(motion design)很重要。我们已经习惯于面向自身拥有可视边界的二维屏幕进行设计,而在VR当中,整个世界就在人们眼前,你不能让其中的元素凭空消失又出现;物体的运动方式是否符合人们的认知,是否有意义,这些问题很关键。
  • Python、C#、C++或任何相关的编程能力都将有助于你的提高。在新领域中进行的概念探索势必伴随着更加频繁的验证与迭代,原型制作能力将成为设计师的基础技能之一。开疆破土时期,我们每个人都有着开创崭新交互模式的机会,而要运用当前一些主流游戏引擎譬如Unity或虚幻(Unreal)等等进行实践,一定程度的编程能力还是需要的。游戏引擎方面的社区很庞大,你可以找到不少学习资源。
  • 做好心理准备去拥抱未知,迎接巨大的困难与挑战。VR是个每天都在进化着的新世界,即便是业界巨头们也都在一点点努力摸索着。现实就是这样,千万不要期待着在学习和实践的过程中一切一帆风顺。

设计职能所扮演的角色

全新的信息媒介带来了太多的可能性,传统的产品设计团队也将随之而进化。不妨想想看如今的游戏设计或电影制作,事情很有可能向着那些方向发展。

我个人认为在VR领域当中,设计将分为两大走向:

第一类设计职能将聚焦于核心用户体验,包括交互方式与界面表现等等方面。这和如今我们所熟悉的设计团队模式很相似。其中的每一个角色都需要将新媒介当中的理念和方法运用到自己的职能当中,与工程师紧密配合,通过高密度的快速迭代来探索各种全新的互动模式。

第二类则更偏重于内容的创造与输出,他们会像独立唱片公司或游戏工作室那样聚焦于独特的内容体验,而其他那些立足于传统平台的娱乐产业也将逐渐向VR领域靠拢,围绕新媒介的特点进行体验改造。

在本文的第二部分当中,我们来了解一些作为设计师需要掌握的VR基础概念及相关设计工具。我们不会探索的过于深入,面向设计师的职能点到为止即可。

新的空间维度与沉浸式体验所带来的冲击是前所未有的。要在三维世界当中打造令人舒适的互动体验,你需要了解一些此前可能并未接触过的设计与技术原则。我们的Cardboard团队将一系列概念知识打包到了Cardboard Design Lab这款app(Android)当中,你可以配合Cardboard沉浸到VR世界当中进行学习。

101

此外还要记得观看Alex在2015年I/O大会上做的详细演示(Youtube)。下面我们就来从这些学习资源当中汇总出一些知识要点。

如果你只有精力去记住两条原则:

  • 保持帧数稳定
  • 保持头部追踪

人们在沉浸于虚拟世界当中的时候,会本能的对外界事件产生反应。作为设计师,要考虑到环境因素的影响。

生理舒适度。眩晕症的问题是我们必须面对的。特别是在角色加、减速的时候要特别留意。尽可能保持地平线的稳定,以避免晕船症状的出现。

环境舒适度。人们在一些特定的虚拟环境当中同样会体验到与现实相对应的不适,譬如高空与恐高症,狭小的空间引发的幽闭恐怖症,空旷空间所造成的广场恐惧症等等。要注意虚拟对象的尺寸比例及互动关系。在现实中,如果有人向你抛来一个物体,你会本能的抓取、躲闪或是保护自己。合理利用现实当中人与环境的互动规律,不要反其道而行之。

围绕用户的感官能力设计引导元素。想想游戏设计师们通常是怎样指引玩家探索环境的:

  • 通过声音帮助玩家辨别方位
  • 通过光亮为玩家指明方向

避免让用户感到疲劳。听上去是再显然不过的道理,但这确实是VR设计新手最容易犯的错误之一。我们在科幻电影中看过太多炫酷的人机互动方式,但你要知道其中大多数都有悖于最基本的人机工学原理;例如“少数派报告”当中那样的手势操作放到现实当中会很快让人产生疲劳与不适。

我制作了一张简单的示意图,用来描述头部在X与Y轴上运动的舒适区域。绿色代表最佳,黄色代表可以接受,红色意味着不适。网络上可以找到的一些用研报告将有助于你进一步了解这方面的话题,例如来自LeapMotion的VR Best Practices Guidelines(PDF格式,4.7M),此外我们还将在本文结束时提供更多的资源供参考。

102

不当的设计有可能给人们造成严重的生理不适。听说过“短信脖”没?在一篇发布于Neuro and Spine Surgery的研究报告(PDF格式,314KB)当中,我们可以了解到人们使用手机时不同的持机姿态对于颈部所产生的压强变化。从自然平视状态一直到低头浏览,颈部承受的压强提升了440%,肌肉和韧带会变得酸痛疲劳,神经趋于紧张,脊椎骨所承受的压力也在增强。这些不当的使用方式甚至可能给身体带来长期的健康问题,例如永久性神经损伤等等。

简而言之,这个特定的研究报告至少能告诉我们要尽可能避免长时间的低头交互行为。

103

自由度

三维空间为我们提供了六种运动方式,包括在X、Y、Z三个轴线上进行的旋转与移动。

三自由度(方向追踪)

基于手机的头戴式VR设备,例如Cardboard或Gear VR等等,可以通过内置的陀螺仪对三个轴线上的旋转行为进行追踪(3DOF)。

104

六自由度(方向+位置追踪)

HTC Hive与Oculus Rift这类高端VR设备所拥有的传感器还可以对发生在三个轴线上的位移进行追踪(+X、-X、+Y、-Y、+Z、-Z),从而实现六自由度(6DOF)。

105

追踪

由一个或多个传感器所组成的红外追踪系统使6DOF成为可能。Oculus的追踪传感器位于固定摄像头上,而Vive则将其放置在了HMD(头戴式显示器)当中。

11106

                                                                                                                                                                                  Oculus与Vive的灯塔位置追踪模式对比

 

输入设备

具体的输入设备取决于你所采用的系统平台。Google Cardboard本身只有一个按钮,相应的交互模式仅包含简单的“看”和点击。HTC Vive需要两个6DOF控制器,而Oculus则搭配了Xbox One手柄,不过最终也会进化为双6DOF控制器“Oculus Touch”。这些输入设备都能为用户带来更高级的沉浸化交互体验。

107

                                                                                                                                                                          Xbox One手柄

108

                                                                                                                                                                          Oculus Touch

其他输入模式还包括手势追踪等等。其中最著名的当属Leap Motion,你甚至可以将其搭载在HMD上配合使用。

109

                                                                                                                                                                   搭载在DK2上的Leap Motion

日新月异的科技进步在不断推进着这类设备的发展,不过目前来说,手势追踪技术还很不成熟,双手与手指的细微动作带来的潜在问题太多,使其难以成为VR的主要输入设备。

游戏手柄虽然早已被人们所熟悉,但在VR领域中却难以带给我们高质体验,因为操作方式的局限会使VR创造出来的高自由度受到破坏,特别是在FPS(第一人称射击)游戏当中,通过手柄控制前进后退和左右平移的动作时通常会给玩家带来极度不适。

而另一方面,HTC Vive的6DOF控制器体验起来确实非常棒,特别是在Tilt Brush这类app当中。我还没有试过Oculus Touch,不过到目前为止看到过的演示都很棒,譬如这段Oculus Toybox demo(Youtube)。

VR的交互设计模式显然取决于你所选定的系统平台及相应的输入设备类型。作为设计师,要尽可能去熟悉各类设备,并对它们的优势及功能限制有所了解。

设计工具

这显然是个很大的话题,需要更多的专业文章甚至相关书籍才能详尽描述。我们在本文中仅对业界最主流的一些工具进行简要的介绍。

纸和笔

无论在什么时代都始终不离我们左右的老伙伴,方便快捷,无需花费时间精力聚焦于任何技法,在初期探索时尤为适用,能帮你迅速呈现想法,快速迭代,而且成本低廉。要知道,在VR领域,将设计流程推进到中、高保真阶段所需花费的成本相比于2D界面设计来说要更加高昂。

110

Sketch

仍然每天都会用到,因为好用。在进入实际的VR原型阶段之前,Sketch是很完美的探索工具,在导出和插件方面也能帮你极大的提升工作效率。

111

Cinema 4D

我并不觉得C4D和Maya是竞争对手的关系,两个工具都很棒,各有所长。如果你没有3D方面的经验,学习曲线可能会有些陡峭。在我看来,C4D的界面、参数设定和构建方式更合理,能帮我做更多的快速迭代,所以很喜欢用。MoGraph模块不错,同时还有很多好用的插件供选择。C4D的社区很活跃,你可以找到不少高质量的学习资源。

112

Maya

Maya的优势和不足都很明显。一方面,它能满足3D艺术家的所有设计需求,太多游戏和电影都经由Maya设计制作,其强大而易用的功能可以应对繁重的工作负荷,渲染、建模、动画等等无所不通,同时还拥有很高的定制化能力,堪称业界典范。多数工作室需要根据自身的特定需求来组装定制化工具集,而Maya正是有能力将所有组件整合为一体的最佳平台。

但另一方面,要掌握如此强大且多样化的工具,你势必要投入大量的时间和精力,包括几周时间的摸索,几个月的学习以及日复一日年复一年的练习与实践。

Unity

一应俱全的原型工具,你可以一边在VR中预览着原型一边在Unity当中进行调整。Unity本身是个强大的游戏引擎,社区成熟,store中的资源也很丰富(具体售价由资源作者制定),包括简单的3D模型、完整的项目、音频、分析工具、着色工具、脚本、材质纹理等等供你选择。

Unity提供的文档和学习平台相当不错,教程质量很高,覆盖面也很广。

在Unity3D中进行开发需要用到C#或JavaScript,微软的Visual Studio套装当中自带Unity工具,但不包含可视化编辑器,你需要到资源库中自行寻找。

Unity支持所有的主流HMD,具备优秀的跨平台能力,内容可以被部署到各类系统,包括:Windows PC、OS X、Linux、Web Player、WebGL、VR(包括Hololens)、SteamOS、iOS、Android、Windows Phone 8、Tizen、Android TV和Samsung SMART TV,以及Xbox One/360、PS4、Playstation Vita和Wii U等等。

Unity支持所有的主流3D格式,在2D游戏开发方面也很擅长。自带的3D编辑器不算给力,但人们已经开发了很多优秀的插件来弥补这一点。Unity需要授权许可,但你可以在一定的功能范围内使用免费的个人版本。不妨去官网了解详情,毕竟是当今最主流的游戏引擎,市场占有率达到了47%。

113

Unreal(虚幻)引擎

作为Unity3D的直接竞争对手,Unreal同样提供了完备的文档教学视频。由于进入市场的时间相比于Unity稍晚,所以Unreal的store规模还相对较小。

Unreal的巨大优势在于图形表现力,无论是地形、粒子、后期处理效果还是光影等等都领先于对手。

Unreal 4使用C++,同时搭配可视化脚本编辑器Blueprint

我个人没怎么使用过Unreal,难以进行更详细的介绍。在跨平台方面,Unreal相对较弱,目前支持Windows PC、OS X、iOS、Android、VR、Linux、SteamOS、HTML5、Xbox One和PS4。

114

结束语

VR还相当年轻。作为先行者,我们需要去学习和探索的东西太多太多,这也正是我为此而兴奋并最终加入VR团队的原因。摆在我们面前的有挑战,更有机遇,我们理应尽最大的努力到这个新世界当中进行探索,去学习、理解、创造、迭代,如此反复的长久保持下去。

相关资源

视频

教程文档

文章

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 – 交互设计师、猫奴、吉他手、鼓手、老狗,现就职于腾讯ISUX(上海)

 

 

 

 

赞(0) 打赏
未经允许不得转载:IAMUE » 从二维界面到虚拟现实 VR (总)

评论 抢沙发

评论前必须登录!

 

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏