VR環境設計通常會經歷的若干環節

微信號:IXDC

微信號:ixdcorg

本文轉自公眾號「騰訊MXD」 (ID:tx_mxd)

VR 全稱「Virtual Reality,即虛擬現實」。它是利用電腦模擬產生三維的虛擬世界,提供用戶關於視覺、聽覺、觸覺等感官的模擬,讓用戶有身臨其境般的體驗。VR最重要的特性就是能夠帶用戶到任何地方。當你帶上眼鏡的那一刻,你就進入了全新的世界。我們期待這個世界是神奇的、未知的、令人心動的,因此設計師們也在努力地各種研究實踐,期待找到一種合理有效的表現形式,來提升環境的沉浸效果。

如何讓用戶沉浸在所設計的環境中呢?這就需要在開發的過程中定義好設計風格,把控好設計方向,並做好相應的場景設計優化,實際上VR環境設計需要考慮的因素有很多,系統性來講,沉浸的VR環境通常會經歷以下幾個環節:

  • 環境故事設計

  • 環境空間設計

  • 環境性能優化

一.環境故事設計

VR 環境設計,首先要做的不是風格的定義,而是你想給用戶講什麼樣的故事,故事的脈絡可以結合所需的功能點來闡述。他是誰,在哪裡,要做什麼,都得通過直接或間接的方式告訴用戶,這點理清楚之後,設計方向和風格就變得明顯了。

故事化 讓用戶更有臨場感

當然在設定”故事”時,完全可以把相關的功能模塊與”故事”進行結合。故事文案梳理完畢,就正式進入概念設計環節,通常情況下原畫設計師會設計幾副關鍵情境的畫面,而3D設計師會根據所提供的原畫設定再結合整個”故事”來設計並完善整個畫面。如若團隊內沒有專業的原畫設計師,那麼設計師們同樣可以通過定義關鍵字,以及若干視覺參考圖給3D設計做設計指引。

從概念設計到3D化設計基本流程

原畫設計師出的場景風格圖

產品設計師的功能規劃圖

交互設計師的低保真模型圖

3D設計師輸出的高保真原型

二.環境空間設計

VR環境空間設計主要是指VR場景設計。「場景」是指應用中用戶所處的虛擬環境,包括環境中的光照、陰影、人文建築、自然景觀、角色人物等。在場景的設計上,設計師需要為用戶創造舒適的虛擬環境。良好的環境設計通常具備寬敞、透氣、驚喜感等等,同時需要避免場景太過明亮或狹窄,這樣很容易讓用戶眼睛疲勞或帶來壓抑感。

用戶喜歡舒適寬敞的環境

曝光的環境容易使視覺疲勞

視角分類:固定視角和可移動視角

固定視角:用戶作為主角在體驗VR時,不可以移動所設定的位置,只能通過旋轉頭部來觀察場景中的景物。「類似VRLauncher」

固定視角的人眼觀測方式

場景布局通常由人、UI、近景 、遠景構成

這類VR內容設計通常建議在設計排布時採用以人眼(Unity引擎內的Camera即人眼)為圓心,盡量圍繞人眼以圓弧狀布局,而且排布的層次不要過多,這樣可以減少用戶調整瞳距的頻率。提示:物體排布距離最理想是在3-10米之間,這個範圍是人觀察時最舒適的。

可移動視角:用戶作為主角可以自行在VR場景中移動位置,並且可以多角度的觀看場景中的景物。(類似第一人稱視角設計的VR遊戲)

可移動視角的人眼觀測方式

這類VR內容在場景設計時的靈活性會更高,設計的難度也更大。用戶在體驗時也更像是在虛擬旅行。因此在設計時就要合理的布局阻擋的位置,哪些地方不能走或者不讓走,盡量的去參考我們所認知的實際生活,即使體驗者是沉浸在虛擬的世界中,也同樣會對自己有一個清醒的認知。一步走多遠,伸手能拿到哪裡的東西,想「摸」一個虛擬物品要怎麼伸手等等。

和現實中的世界一樣,虛擬世界同樣有近景、中景、遠景,但過於貼近人的物體或者元素就很容易讓人引起強烈心理刺激,這類表現手法在恐怖類的VR遊戲中比較常見。

過於貼近人的物體容易讓人引起強烈心理刺激

環境設計基礎流程

工具類介紹:主流3D設計軟體和VR做到引擎

3Dmax和maya用作建模和角色動作設計、PS用來貼圖繪制。再結合Unity或Unreal( 提示:需Unity5.0及以上版本,Unreal4.0及以上版本 )即可現實環境的VR效果。

設計案例:沙灘酒店

a.使用三維軟體製作的沙灘酒店3D模型(設計時需要注意空間結構和比例關係)

b. 利用三維軟體和PS給3D模型賦貼圖

c. 貼圖使用後效果顯示

環境設計品質提升

任何的設計都有某些特定的技巧,VR環境設計也同樣如此。在設計中何吸引用戶探索VR環境是設計師需要去思考和解決的問題。身處虛擬環境中,用戶很容易迷失方向,作為環境設計師需要綜合考慮用戶可能出現的各種情況,在適當的時機給予用戶明顯卻不突兀的指引,比如用戶在偏離視線焦點時提醒用戶回到正確方向,或在用戶接近視野邊界時給予相關提示。

(1)光影的使用

光照和陰影是環境中必不可少的因素,光照有助於加強整體環境的畫面感,而陰影則讓整個場景看起來更富有層次,善用光影效果能幫助設計師更好的呈現遊戲劇情。所以在VR遊戲壞境的設計過程中,需要考慮場景整體的光影效果,以達到完美呈現遊戲內容的同時提升玩家的用戶體驗。例如Behaviour Interactive 團隊研發的恐怖遊戲《Dead by Daylight 》

光影和劇情合理結合,提升整體遊戲體驗

(2)有趣仿真的動效使用

動效可以有效的暗示,指引用戶操作,以及維持整個系統的連續性體驗。在VR環境設計中,合理的加入動效可以明顯的提升沉浸感。

環境動效該類動效一般不參與交互,主要起到烘托氛圍的作用。所以在性能達標的情況下可以在設計時加入該類動效營造環境氛圍,通過環境類動效展示來增加用戶的愉悅感。(比如風、飄雪、落葉等)

也可以增加某些交互和粒子特效,如創建一些塵埃、落葉甚至螢火蟲等效果,這些特效的加入會讓整個場景感覺真實許多。

Tips:超過20米以外的距離就會失去這些效果,設計時需要控制好空間距離

UI交互類動效:主要是指物件的進場、退場、響應態、過渡、加減速變化等。

Daydream launcher動效展示

(3)合理的音樂、音效使用

VR中的音樂、音效可以作為視覺反饋的輔助,提升用戶的沉浸體驗。好的音樂、音效可以直達人心,當用戶在體驗過程中,聽到合適的背景音樂,或是交互過程中有合適的音效,那是絕對的提升沉浸感,體驗效果也會成倍增強,所以音樂、音效是值得設計師用心投入的去篩選和添加的。

固定聲源

整個場景裡的固定聲源有海風的呼嘯、海鷗的鳴叫聲、空中的風以及搖擺的樹枝等等。

移動聲源

一只小鳥飛過你的身旁,然後掠向遠方,伴隨著鳥鳴和翅膀開合聲的遠近那種感受相信用戶會很樂意接受。

三、環境的性能優化

VR環境的性能優化主要是在環境的資源量方面控制,「環境資源量」主要指場景模型資源,場景模型對資源的消耗非常大,一般建議在做VR環境設計時都使用小場景設計,這樣不僅可以節約資源,也可以更集中精力去優化場景中有限的資源和交互細節,提升產品體驗。

Tips:部分VR環境可以使用SKYBOX的形式製作、實體模型場景盡量使用「簡模」製作。

合理利用天空盒製作場景以優化體驗

相關步驟:

1. 在Unity內設計3D環境,效果確認後利用插件把該畫面效果卷成一張全景圖。

2. 再次把該全景圖置入到unity內製作成skybox,並置入空間內使用。

3. 在UNITY內做VR效果顯示設置,導出apk利用手機和cardboard查看設計效果,有VR眼鏡開發者版本的同學可直接聯機觀測。

假設所設定的世界觀較大,你依舊可以通過小場景間的切換,拼接出一個宏大的故事場景,提升性能的同時又可以給用戶增加故事的代入感。

Ustwo Games 的《Land’s End》深受喜愛

設計提示

1. 不要使用過多的透明和疊加,這會讓你的程序奔潰甚至無法運行。

2. 降低多邊形的數量,避免設備長期處於高性能狀態下,降低環境中存在的鋸齒量。

3. 注意用戶的頭部的運動,重要的性息一定要設計在用戶最佳的FOV區域內,避免用戶頻繁轉頭操作。

4.了解硬體的各項指標,規避設計風險。

結語

關於VR環境設計這個話題還有很多值得深入研究的地方。實際上每個模塊的內容鋪開來說,所涉及到的內容還非常廣,此篇僅對環境設計做了個簡述。

往期文章推薦:

[直播回看]「鹹蛋超人之父」-中田和幸:IP卡通如何與全生態連接

[演講實錄]用戶體驗將迎來前所未有的進步 設計師將面臨哪些挑戰?

設計師是怎麼寫文案的?

這是一篇正直的基礎配色說明 | 設計基礎

點擊閱讀原文參加有獎調研

2017中國用戶體驗行業調查問卷

熱門文章