隨著虛擬現(xiàn)實(shí)（VR）逐漸走向主流，設(shè)計(jì)師和開(kāi)發(fā)者們開(kāi)始著手構(gòu)建Bullet Proof技術(shù)及方法以使VR環(huán)境及體驗(yàn)更加有趣、逼真。以下是一些關(guān)于如何為room-scale（房間規(guī)模）VR交互式體驗(yàn)設(shè)計(jì)用戶界面（UI）的一些小技巧。

VR中有哪些類型的UI元素？

我們大多數(shù)的VR理念起源于電影和游戲。在創(chuàng)建360°環(huán)境時(shí)具有一些特殊性，但是我發(fā)現(xiàn)從你知道的東西開(kāi)始，然后適應(yīng)新的媒介總是有用的。

VR設(shè)計(jì)中的3種UI類型：

Diegetic UI（劇情性UI）

劇情性UI是讓環(huán)境中的物體自行向用戶展示信息，例如，墻上的鐘顯示時(shí)間。對(duì)于用戶來(lái)說(shuō)可能很難知道這些物體是否可以交互；通常，如果用戶應(yīng)該與這些對(duì)象進(jìn)行交互，則必須向這些對(duì)象添加視覺(jué)工具或“提示”。 實(shí)際上，它們與環(huán)境的天然契合使得這些對(duì)象更加沉浸，但有時(shí)交互性并不是很明顯。

Spatial UI（空間UI）

這些都是處于3D空間中的非現(xiàn)實(shí)物體或平面設(shè)計(jì)，通過(guò)增加深度、光線、焦點(diǎn)、調(diào)整大小以對(duì)應(yīng)環(huán)境中的其他物體。形狀越不真實(shí)，用戶越容易理解它是一個(gè)外來(lái)元素，并禁不住誘惑開(kāi)始與它交互。因?yàn)橥庥^和感覺(jué)不同，所以空間UI容易影響VR的沉浸感，但是對(duì)于用戶理解該對(duì)象是可以交互的這一方面卻非常有效。

Non-diegetic UI（非劇情型UI）

在傳統(tǒng)的非VR項(xiàng)目中，UI通常顯示在界面的頂部，用來(lái)顯示生命值、得分之類的信息，通常被稱為HUD。這就是所謂的非劇情型UI-用戶界面跟游戲世界沒(méi)有什么關(guān)聯(lián)度，但是對(duì)玩游戲的玩家有一定的作用。在VR中，這種類型的對(duì)象具有與逼真的360°世界完全不相符的外觀和位置。它并不是3D空間的一部分，且沒(méi)有深度。如果你需要推送對(duì)用戶至關(guān)重要的信息，那么這種類型的對(duì)象對(duì)于基于智能手機(jī)的VR及Room-Scale VR非常有用。

無(wú)論你做什么，請(qǐng)記住沉浸在新現(xiàn)實(shí)里的感覺(jué)，正是這一點(diǎn)才使得VR如此特別、獨(dú)一無(wú)二。UI不應(yīng)該讓用戶感覺(jué)到他/她不是所處環(huán)境的一部分。

你應(yīng)該牢記在心

首先，您需要?jiǎng)?chuàng)建2D草圖來(lái)檢測(cè)您的想法，并規(guī)劃各種UI元素的顯示位置。你的360°視角可能看起來(lái)像這樣：

如果你認(rèn)為文本元素需要大一點(diǎn)以方便閱讀，并且鏈接需要容易指向和點(diǎn)擊，我可以向你保證的是，信息顯示屏并不是越大越好。想象一下當(dāng)用戶看到屏幕上這么大的選項(xiàng)面板是多么崩潰：

縮小。當(dāng)用戶站在1.5米之外，下圖中顯示面板的尺寸就是最完美的大小。

以下就是你在VR中看到的舒適視角。

當(dāng)你把360°界面草圖劃分成10x10的比例，文本應(yīng)該只需占1%。標(biāo)題可以大一些。如果占2%—4%，那么在VR中看依舊很大。

那么，在設(shè)計(jì)360度UI時(shí)，你需要記住什么？

文本應(yīng)該靠近與它所涉及的對(duì)象，眼睛應(yīng)該能夠在同一距離內(nèi)聚焦。

文本應(yīng)該在我們的眼睛的前面或稍低位置，以便更自然地閱讀，同時(shí)對(duì)于頭部來(lái)說(shuō)這個(gè)位置也是舒適的。

較長(zhǎng)的文本應(yīng)以易于攜帶和方便保存的格式呈現(xiàn)，這樣用戶可以將其移動(dòng)到自己最佳的視角進(jìn)行閱讀。最好的實(shí)現(xiàn)方式是通過(guò)在現(xiàn)實(shí)生活中可以找到的對(duì)象來(lái)提供更長(zhǎng)的文本，例如在一本書(shū)中。

關(guān)鍵信息可以大一些，甚至可以隱藏大多數(shù)背景以刪除空間參照。

在空間及時(shí)間上UI應(yīng)該成為故事的一部分，不應(yīng)當(dāng)成為障礙。

UI應(yīng)該有助于增強(qiáng)沉浸感。

應(yīng)添加聲音效果以添加逼真的沉浸感。

盡可能減少文本;應(yīng)以保持沉浸感為優(yōu)先原則。

額外的小貼士：

快速在移動(dòng)VR設(shè)備上上傳你的360°草圖或樣本進(jìn)行測(cè)試，以對(duì)草圖的大小、可讀性、位置及互動(dòng)性有所了解。

原型

所有新技術(shù)都以同樣的方式開(kāi)始：創(chuàng)意及原型。但最重要的是，我們從錯(cuò)誤中學(xué)習(xí)。在那個(gè)令人失望的時(shí)刻，我們意識(shí)到我們未達(dá)到目標(biāo)，但是同時(shí)我們也被大量的知識(shí)洗禮著。有一些錯(cuò)誤非常明顯，你只能允許它們出現(xiàn)一次——當(dāng)你開(kāi)始接受它成為整個(gè)創(chuàng)作過(guò)程的一部分時(shí)，你將會(huì)對(duì)此一笑而過(guò)。