三維空間中的界面設(shè)計(jì)與二維空間中的界面設(shè)計(jì)有所不同，這篇文章里，作者就針對(duì)空間界面通用布局展開(kāi)說(shuō)明，并總結(jié)了空間界面設(shè)計(jì)的相應(yīng)原則，一起來(lái)看看吧，或許會(huì)對(duì)想了解VR的你有所幫助。

一、探討空間界面設(shè)計(jì)

總結(jié)

關(guān)于空間界面設(shè)計(jì)需要考慮“人體工程學(xué)和舒適感下新的界面布局思路”、“融合虛擬和真實(shí)場(chǎng)景下界面樣式新的設(shè)計(jì)思路”、“結(jié)合不同交互方式（如手勢(shì)直接交互、手勢(shì)非直接交互）的界面內(nèi)容設(shè)計(jì)等”很多因素。了解VR/AR空間手勢(shì)交互內(nèi)容，可查看我之前的文章VR/AR/MR-空間交互設(shè)計(jì)之“手勢(shì)交互”。

這期我們針對(duì)空間界面通用布局展開(kāi)說(shuō)明。

二、空間界面通用布局

1.左右式（X軸方向）

左右式，主要是將比較大的、重要的界面面板水平排列，滿足頭部左右旋轉(zhuǎn)查看，避免頭部上下運(yùn)動(dòng)，以減少用戶(hù)的頸部不適。

左右式排列的信息可以是多個(gè)主界面面板，主界面面板和導(dǎo)航標(biāo)簽欄（標(biāo)簽欄一般垂直放置在主界面面板左側(cè)位置，當(dāng)然標(biāo)簽欄也可以放置在主面板頂部，詳見(jiàn)“上下式”）

2. 上下式（Y軸方向）

上下式，主要是在主面板的頂部或底部放置一些導(dǎo)航類(lèi)、標(biāo)簽類(lèi)、或操作類(lèi)的組件。切記不要將多個(gè)主界面大面板垂直排列。

3. 深度式（Z軸方向）

前后式，主要考慮到一個(gè)空間布局中的重要理念：深度。垂直于人臉的z軸方向上，利用深度視覺(jué)效果，將二級(jí)面板呈現(xiàn)出來(lái)。

好處是層級(jí)清晰且空間感強(qiáng)烈，當(dāng)用戶(hù)觸發(fā)一級(jí)界面上的某個(gè)按鈕需要顯示鏈接后的內(nèi)容，可考慮在一級(jí)主面板前方呈現(xiàn)二級(jí)界面內(nèi)容。

4. 混合式（多軸方向）

混合式，顧名思義：可根據(jù)不同產(chǎn)品及功能、項(xiàng)目中有多種交互方式存在的情況下，可以進(jìn)行多種布局方式相結(jié)合的呈現(xiàn)方式。

三、空間界面布局設(shè)計(jì)原則

1. 符合人體工程學(xué)原則

人體工程學(xué)是設(shè)計(jì)領(lǐng)域的一個(gè)重要部分，它關(guān)注的是人與物品、環(huán)境以及技術(shù)之間的關(guān)系。在設(shè)計(jì)中考慮到人體工程學(xué)，可以確保我們的產(chǎn)品或服務(wù)使用起來(lái)更加舒適、高效且不疲勞。

用戶(hù)完全依賴(lài)頭顯來(lái)看到真實(shí)和虛擬的一切事物，因此保持視覺(jué)舒適性至關(guān)重要。將系統(tǒng)中的界面相對(duì)于佩戴者的頭部正前方放置內(nèi)容面板，以保證無(wú)論用戶(hù)的身高如何、坐著或者站著還是躺著，都能夠正對(duì)內(nèi)容。

即使是用戶(hù)在空間中的位移、位姿發(fā)生變化，也可以將內(nèi)容平滑的帶到用戶(hù)眼前（而非讓用戶(hù)移動(dòng)來(lái)觸及內(nèi)容）。

2. 視場(chǎng)角范圍內(nèi)原則

我們需要確保所有內(nèi)容都在用戶(hù)的視野范圍內(nèi)。呈現(xiàn)信息面板或內(nèi)容時(shí)，我們要避免將任何內(nèi)容放得太高或太低，以迫使用戶(hù)做出不必要的頭部旋轉(zhuǎn)。

3. 左右布局原則

對(duì)于需要大畫(huà)布的應(yīng)用，可以考慮使用更高的寬高比，例如在”自由形式”中，畫(huà)布是水平延伸而不是垂直延伸。這種設(shè)計(jì)選擇可以更好地適應(yīng)用戶(hù)的視野，并減少不必要的頭部動(dòng)作。

4. 重要內(nèi)容居中原則

優(yōu)先將最重要的信息集中在視野中央非常重要。這樣，用戶(hù)可以更輕松地找到并查看他們需要的內(nèi)容，同時(shí)還能保證他們的身體舒適度。應(yīng)避免將重要內(nèi)容和控件放在窗口角落。內(nèi)容離窗口中心越遠(yuǎn)，用戶(hù)就可能越難以看到并與之交互，尤其是當(dāng)窗口較大的時(shí)候。

5. 謹(jǐn)慎使用多窗口原則

避免顯示過(guò)多窗口。窗口過(guò)多會(huì)遮擋用戶(hù)的周?chē)?，讓其感到壓抑、受限，甚至不舒服。同時(shí)也讓用戶(hù)難以將焦點(diǎn)移至想要的內(nèi)容，除非調(diào)整多個(gè)窗口的大小或位置。

總的來(lái)說(shuō)，考慮到人體工程學(xué)的設(shè)計(jì)原則可以幫助我們創(chuàng)建出更舒適、更人性化的用戶(hù)體驗(yàn)。

最后：本文案例圖均來(lái)自visionpro公開(kāi)的宣傳資料，也是因蘋(píng)果一直在用戶(hù)交互和產(chǎn)品設(shè)計(jì)體驗(yàn)上比較優(yōu)秀。本文僅站在通用性思路的角度出發(fā)去分析，當(dāng)然關(guān)于多窗口布局，目前主流經(jīng)常看到的有宮格式、列表式、抽屜式、曲面陳列館式、旋轉(zhuǎn)木馬式等，根據(jù)不同項(xiàng)目特點(diǎn)選擇不同的布局方式即可。

可以推薦看看以下幾篇文章，可以作為參考：

• 談VR界面的空間布局
• VR世界里，需要怎樣的交互界面？
• 如何建立一套 VR UI 設(shè)計(jì)規(guī)范？
• 淺談VR UI設(shè)計(jì)規(guī)范|為VR界面設(shè)計(jì)給出明確指導(dǎo)建議
• VR軟件設(shè)計(jì)：GoogleXR設(shè)計(jì)規(guī)范簡(jiǎn)析