產(chǎn)品汪&設(shè)計師終極指南:如何快速轉(zhuǎn)型VR設(shè)計?

3 評論 14735 瀏覽 130 收藏 17 分鐘

相對于傳統(tǒng)的設(shè)計,VR是個新領(lǐng)域,有太多太多新知識需要學(xué)習(xí),那么首先你需要知道幾個有趣的事情:草圖是所有任務(wù)的核心。在思維碰撞和設(shè)計階段,草圖無疑是最高效的方式。轉(zhuǎn)型VR產(chǎn)品設(shè)計師后,畫的草圖也許會比之前整個職業(yè)生涯畫的都要多。

學(xué)習(xí)大量設(shè)計技巧。學(xué)習(xí)任何的設(shè)計技巧都會對設(shè)計VR產(chǎn)品有巨大的幫助。

攝影知識非常重要。你經(jīng)常會與視場角、景深、焦散、曝光等等這些攝影概念打交道,了解光學(xué)和攝影知識,會成為巨大的優(yōu)勢。

活用3D工具。你了解的3D工具越多,你需要學(xué)習(xí)的技能就越少。在設(shè)計過程中,你很可能會遇到各種各樣的領(lǐng)域知識,比如建筑、人物、道具、索具、UV貼圖、紋理、力學(xué)、顆粒等等。

動效設(shè)計很重要。作為設(shè)計師,我們知道如何與有著明確物理邊界的設(shè)備打交道,但是VR卻沒有邊界,那么設(shè)計時的思維方式就不同?!冈氐某霈F(xiàn)與消失方式」將不再是我們考慮的問題。

懂點技術(shù)會高效很多。Python、C#、 C++,或其他語言將會幫助你更好地理解設(shè)計。由于互聯(lián)網(wǎng)迭代開發(fā)的特性,對產(chǎn)品原型會有高頻的制作需求,但問題是,VR這個領(lǐng)域太新了,很可能你去設(shè)計的交互方式是前所未有的,無法借鑒現(xiàn)有的素材。近期比較流行的Unity和UE4引擎集成了很多源碼,在比較活躍的游戲和VR開發(fā)者社區(qū)中也有大量的教程與資源。

保持敏感,擁抱未知。VR領(lǐng)域每天都在發(fā)生很多變化,即使是巨頭企業(yè)也是在摸著石頭過河,作為個人我們更要保持好奇心,不斷自我變革,快速學(xué)習(xí)。

一、團隊角色

VR這個新的載體打開了太多新的可能性,產(chǎn)品設(shè)計團隊的結(jié)構(gòu)也會隨之演化。

在團隊角色方面,兩點比較重要:

  • 第一,關(guān)于核心的用戶體驗、用戶界面與交互設(shè)計。在這幾方面,跟傳統(tǒng)的產(chǎn)品團隊結(jié)構(gòu)是沒多大差別的,依舊是這幾項分工:視覺、UI、UX、動效、用研、原型設(shè)計等。每個角色都會去適應(yīng)VR這個載體帶來的新設(shè)計原則,并同樣與工程師建立緊密的聯(lián)系。產(chǎn)品團隊的目標(biāo)依舊不變:創(chuàng)造更快的迭代周期,探索更多設(shè)計上的可能性。
  • 第二,內(nèi)容團隊也將復(fù)制獨立游戲工作室的模式,從獨一無二的體驗,到火遍市場的3A級游戲。VR和我們所熟知的娛樂產(chǎn)業(yè)一樣,有著類似的發(fā)展路徑,都需要創(chuàng)造優(yōu)質(zhì)的端到端的體驗。

一定程度來說,轉(zhuǎn)型VR設(shè)計沒有太多的不同,但是唯獨需要強大的毅力去學(xué)習(xí)大量的領(lǐng)域知識。

二、VR設(shè)計基礎(chǔ)

1、基礎(chǔ)法則

這個小節(jié)主要講述VR設(shè)計中的一些基礎(chǔ)知識,以產(chǎn)品設(shè)計為導(dǎo)向,盡量用最通俗的語言描述清楚。

VR設(shè)計中最新的元素莫過于「新的維度」與「沉浸感」。我們需要知道一些內(nèi)在的設(shè)計準(zhǔn)則——遵循生理特性,從用戶場景切入,認(rèn)真考慮每一種交互方式的可行性。針對這些設(shè)計準(zhǔn)則,Google專門開發(fā)了APP,將這些準(zhǔn)則收錄了進去(Googleplay搜索Cardboard Design Lab)。

1*n3brb9zrABUe8_WjsskFlQ

你也可以去看今年Google I/O大會中的Alex的演講視頻(https://www.youtube.com/watch?v=Qwh1LBzz3AU&feature=youtu.be&t=18m12s),講得更加深入,以下是內(nèi)容摘要。

兩條重要指導(dǎo)原則:

  1. 畫面千萬不要掉幀
  2. 保持良好的頭部追蹤

人類會對一些外部事件本能地做出反應(yīng),而這些本能反應(yīng)往往是我們在設(shè)計時很難意識到的,所以在設(shè)計時我們要有針對性地提出解決方案。

生理舒適。比如最著名的「暈動癥」,因此我們在使用「加速」和「減速」時要慎重,盡量保持平穩(wěn)的視線。

環(huán)境舒適。人們在某些場景下會感到多樣化的「不適感」,比如在高處(恐高)、狹小的空間(幽閉恐懼癥),廣闊的空間(曠野恐懼癥)等等。注意考慮物體的尺寸,小心碰撞。比如一個人向你扔石子,你本能地會去躲避或者抓住它來保護自己。讓這些特性成你應(yīng)用中的優(yōu)勢,而不要成為劣勢。

你可以利用用戶的感官特性來幫助你設(shè)計更富有沉浸感的產(chǎn)品,從游戲產(chǎn)業(yè)中能夠獲得很多靈感,比如:

  1. 空間位置的3D音效
  2. 光路的引導(dǎo)

不要讓用戶過度疲勞。這是VR設(shè)計新手的通病,好萊塢科幻大片中經(jīng)常會出現(xiàn)違背「人體工程學(xué)」的設(shè)計,這些設(shè)計會讓用戶感到異常不適,比如阿湯哥主演的《少數(shù)派報告》中的手勢交互就不適合長時間的使用。

看下圖,二維坐標(biāo)系下的頭部運動安全區(qū)域。綠色是舒適區(qū)域,黃色勉強可以接受,紅色是一定要避免的。

1*XJwTciYJOXlJMu62D1vDNw

糟糕的設(shè)計會導(dǎo)致更嚴(yán)重的問題。

例如,聽說過「短信脖」么?一份在神經(jīng)與脊柱外科手術(shù)領(lǐng)域的論文表明,當(dāng)頭部向不同的位置轉(zhuǎn)動時,會對頸部產(chǎn)生不同的壓力。頭部從正中央水平位置直視前方改至俯視會對頸部增加440%的壓力。肌肉和韌帶會感到疲憊和疼痛;神經(jīng)會被拉伸;軟骨層會受到壓迫。所有的這些不良行為可能會導(dǎo)致類似永久性神經(jīng)損傷這樣嚴(yán)重的慢性病。

1*TxrR4g5d6HZVhBN0nyRwcA

?2、自由度

人類肢體在空間中有6種不同的移動方式,可以用三維坐標(biāo)系表示。

3自由度(方向追蹤)

類似Cardboard, Gear VR這種手機盒子產(chǎn)品,可以通過內(nèi)嵌的陀螺儀(3自由度)追蹤方向?;赬YZ三個坐標(biāo)軸上的旋轉(zhuǎn)也可以被追蹤。

1*bJQluIkWyg3HX2XSCS98CA

6自由度(方向追蹤+位置追蹤)

為了達到6自由度,傳感器必須在空間中追蹤「位置」信息(+X, -X, +Y, -Y, +Z,-Z)。類似HTC Vive或Oculus Rift高級終端設(shè)備可以達到6自由度。

1*sNTxX9iMJnE0oWybyTHNBw

追蹤

要想使6自由度成為可能,需要涉及一個或多個紅外傳感器。在Oculus 的案例中,追蹤傳感器在固定的相機上,而在Vive的案例中,追蹤傳感器內(nèi)置在頭盔中。

1*v-ClTzahcgH9IMJtZR3BAQ

1*q_mrMtR0g8KGhedW6bzNKw

3、輸入

根據(jù)系統(tǒng)的不同,輸入方式也是多樣化的。比如GoogleCardboard只有一個按鈕,因此交互模型就是簡單的凝視與輕觸。HTC Vive有兩個6自由度的控制器,Oculus本來要配套XboxOne控制器,但是最終使用了6自由度的「OculusTouch」,這兩者都允許你使用更高級、沉浸感更強的交互模式。

1*QvXJZuU4HRKVzWaEBzNjvQ

1*b5tx1pcxOkKfhEGQjuEqWQ

另外還有一些輸入方式比如「手部追蹤」,最著名的莫過于Leap Motion,你可以將它與VR頭顯配合使用。

1*j3oXBLEpGpCqmFj_LE6KaA

VR輸入領(lǐng)域在不斷地快速演化,但是今天的手部追蹤技術(shù)可靠性還不夠高,不能夠作為最主要的輸入方式。問題主要存在于單個手指的識別、碰撞和細微動作的追蹤。

即使游戲控制器已經(jīng)是玩家們最熟悉不過的輸入設(shè)備,但在VR方面,它無疑是讓人失望的,控制器的存在一定會讓VR最注重的沉浸感大打折扣。在FPS(第一人稱射擊游戲)中,掃射和移動就會因為加速度的存在引起身體不適。

另一方面,得益于6自由度,HTC Vive的控制器加強了VR體驗,VR繪畫應(yīng)用Tilt Brush就是個很好的例子。

當(dāng)設(shè)計用戶界面與交互時,輸入方式是影響你決策的關(guān)鍵點。你必須知道所有主流的輸入方式,并且深入了解他們的瓶頸與缺陷。

4、工具

工具有太多太多,并且還不斷會有新的、優(yōu)秀的工具應(yīng)用不斷涌現(xiàn),這里只介紹部分主流的工具產(chǎn)品。

紙和筆

1*lw9mPIe6HtZeafnSaAt2bQ

最傳統(tǒng)的紙筆經(jīng)久不衰,在VR設(shè)計中同樣是這樣。簡單、高效,可以快速將想法畫出來,呈現(xiàn)在紙上。在VR設(shè)計中,呈現(xiàn)線框圖至高保真原型的成本要比2D設(shè)計高,所以紙筆成為了更重要的工具。

Sketch

Sketch很容易上手,它允許我們將想法變?yōu)閂R原型前做大量的探索與嘗試。它的導(dǎo)出工具和插件能節(jié)省大量的時間。

1*_qHJY0GowKCu4jejHLvRCw

Cinema4D

C4D并不是Maya的競品。兩個都是很優(yōu)秀的工具,有各自擅長的表達方式。當(dāng)你沒有3D設(shè)計的背景知識時,C4D可能門檻會相對高一些。C4D的UI很友好,并且擁有很多很棒的插件,能幫助我們更快地迭代。C4D的相關(guān)社區(qū)很活躍,我們可以在里面找到很多高質(zhì)量的素材。

1*plFuA2zJQ4bO2xfE5B1N6w

Maya

Maya這款工具特性鮮明,優(yōu)勢和劣勢都非常明顯。他幾乎可以滿足一個3D藝術(shù)家所有的需求,大多數(shù)游戲和電影是用它來設(shè)計的。Maya有著非常高的魯棒性,可以輕易地處理大量的模擬需求以及密集的場景。從渲染、建模、動畫、操控這幾個方面來說,它幾乎是最好的工具。并且Maya可以深度定制,這也是他能成為行業(yè)標(biāo)準(zhǔn)的原因之一。每個VR設(shè)計團隊需要建立他們自己的工具集,這時Maya可能會是最佳選擇。

屏幕快照 2016-04-18 22.00.39

Unity

Unity無疑是最棒的原型設(shè)計工具。在你的項目里,你可以直接通過VR預(yù)覽原型,輕松地創(chuàng)建和移動控件。Unity是個強大的游戲引擎,有著龐大的社區(qū);在Unity商城中,有著無比豐富的資源。在素材庫中,你可以找到簡單的3D模型、完整的工程項目、音頻文件、數(shù)據(jù)分析工具、著色器、腳本等等。

Unity的開發(fā)者文檔和學(xué)習(xí)平臺很贊,有很多高質(zhì)量的教程。

Unity 3D主要使用C#或者JavaScript,并同Microsoft Visual Studio一起發(fā)布,但并沒有內(nèi)建的可視化編輯器。我們可以從商城里找到一些優(yōu)質(zhì)的可視化編輯器。

它幾乎支持所有主流的VR頭顯設(shè)備,所以是最好的可以打造跨平臺應(yīng)用的引擎之一:

Windows PC, Mac 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。

它幾乎支持所有主流的3D格式,在2D游戲方面也有最佳的創(chuàng)作能力。應(yīng)用內(nèi)置的3D編輯器功能稍弱,但開發(fā)者已開發(fā)了一些很好的插件去完善它。

1*-wg4HHoxsiwY_qJQyJg8xw

虛幻引擎(Unreal Engine)

UE是U3D的直接競爭者。虛幻引擎同樣有優(yōu)質(zhì)的開發(fā)者文檔和視頻教程。由于比U3D年輕一些,所以它的商城相對小。相對他的競對而言,它最大的優(yōu)勢是圖形處理能力;虛幻引擎在幾乎所有領(lǐng)域都領(lǐng)先一步:顆粒、后期處理、陰影和著色器等等,每項都很贊。

虛幻4使用C++和可視化的腳本編輯器Blueprint。但它目前的短板也比較明顯—跨平臺性較差:目前只兼容Windows PC、Mac OS X、iOS、Android、VR、Linux、SteamOS、HTML5、XboxOne和PS4。

1*5Ny7-MsDrtL83zdsvE5QGQ

?5、小結(jié)

好了,今天就寫到這里,VR的步伐才剛剛開始,需要這個領(lǐng)域里的先驅(qū)者不斷去學(xué)習(xí)和探索。不同于PC和智能手機,這個新載體會讓PM和設(shè)計師們迸發(fā)出更精彩的思維火花,讓我們一起期待,一起交流,共同進步~

 

本文觀點來自谷歌高級設(shè)計師Jean Denis,由微信公眾號「VR看天下」編譯整理并做了部分完善和補充。Denis在2015年加入Cardboard團隊,從傳統(tǒng)的互聯(lián)網(wǎng)產(chǎn)品設(shè)計到VR產(chǎn)品設(shè)計,他將自己的心得體會分享出來。

作者:微信公眾號「VR看天下」(ID:VRkantianxia),專注VR/AR領(lǐng)域的原創(chuàng)干貨、深度見解、硅谷資訊。

本文由 @VR看天下(公眾號:VRkantianxia) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 未來的VR都將發(fā)展成只能眼鏡

    來自浙江 回復(fù)
  2. 小編都是垃圾

    來自北京 回復(fù)
  3. VR,說會火的是啥居心?教用戶,別逗了!

    來自云南 回復(fù)