作為一種高效快捷的溝通方式，故事板(storyboard)在影視、游戲和網(wǎng)頁設(shè)計等領(lǐng)域當(dāng)中十分常見，通常用于快速展示空間位置、鏡頭組、運動、互動關(guān)系等方面的設(shè)計概念。一直以來，我們都習(xí)慣于通過故事板的邊框來界定場景范圍；不過如果場景本身沒有所謂的邊界，無法通過有限的矩形來完整呈現(xiàn)，我們又該如何呢？

Cardboard Crash項目初期使用故事板的錯誤方式 – 傳統(tǒng)的矩形故事板無法有效呈現(xiàn)自身沒有邊界的VR環(huán)境。

實際上，我們只需換個角度來看問題 – 過去的方式是在故事板當(dāng)中定義目標(biāo)對象與場景邊界之間(或界面元素與屏幕邊界之間)的相對位置關(guān)系；而對于沒有邊界的VR世界來說，我們需要定義的則是目標(biāo)對象與用戶之間的相對位置關(guān)系。某種意義上講，這是名副其實的“以用戶為中心”的設(shè)計思路，只是對于習(xí)慣了傳統(tǒng)方式的設(shè)計師們來說，一開始可能會感到有些陌生。

具體來說，在傳統(tǒng)的故事板當(dāng)中，我們描繪的通常是用戶所看到的東西；然而對于VR來說，有限的矩形范圍只能展現(xiàn)出第一人稱視角觀察到的虛擬世界的一小部分。換一種思路，不妨試著用故事板本身來代表用戶在虛擬世界當(dāng)中目力所及的整個區(qū)域，并在其中通過第三人稱視角來展示用戶與目標(biāo)對象在這個區(qū)域當(dāng)中的相對位置關(guān)系。

VR故事板

“角度”與“距離”是VR故事板當(dāng)中的兩個關(guān)鍵要素。

先來看角度。下面的圖示用到了Mike Alger出品的“VR Interface Design Previsualization Methods”視頻(學(xué)習(xí)VR設(shè)計必看)當(dāng)中的數(shù)據(jù)，同時也參考到Alex Chu的演講“VR Design: Transitioning from a 2D to a 3D Design Paradigm”。

頭部旋轉(zhuǎn)的舒適角度及相應(yīng)的視野區(qū)域

VR頭顯的默認視野范圍大約是94度。保持固定坐姿時，你可以比較舒適的向左右兩側(cè)轉(zhuǎn)頭30度，最多不超過55度；如果是站姿或坐在轉(zhuǎn)椅上，這兩個數(shù)字還會有所增長。不過目前，就讓我們聚焦在局限性最高的情境當(dāng)中好了。

再來看距離。在一定的范圍內(nèi)，離自己越近的物體越能引發(fā)人們的關(guān)注。不過所謂的“范圍”具體是怎樣的呢？

清晰、舒適的3D深度感知與相應(yīng)的視距

要確保最基本的舒適度，虛擬環(huán)境中的目標(biāo)對象與用戶之間的距離不應(yīng)小于0.5米(Oculus推薦的最小值是0.75米)；而10米以上則會使用戶的3D深度感知急劇下降；一旦超過20米，目標(biāo)對象就很難被留意到了。所以我們應(yīng)該將重要的物體放置在距離用戶0.5到10米的范圍之間。

將“角度”與“距離”兩個要素整合起來，我們便可以得到下圖所示的舒適區(qū)域分布，其中灰色越深的區(qū)域代表舒適度越高。這幅示意圖正是VR故事板的基礎(chǔ)模板：

移除矩形邊框及多余的線條，將用戶的形象放置進去，調(diào)整一下人物與環(huán)境的比例，將圖形傾斜至3D視角，我們便得到了一幅空白的VR故事板：

在里面隨便畫一些互動對象或是環(huán)境元素：

VR故事板可以清晰的展示出用戶與目標(biāo)對象在3D空間當(dāng)中的位置關(guān)系；同時運用多張故事板則可以表現(xiàn)出用戶與虛擬世界之間的動態(tài)互動關(guān)系。

尚不完美

通過用戶視野范圍界定的故事板主要適用于場景初期的設(shè)定，而且用戶的視點必須是可預(yù)測和可控的。在具備互動性的VR環(huán)境中，這一點很容易實現(xiàn)，你通?？梢栽诿總€場景開始之初重置用戶的視點位置及視線方向。

而對于360°視頻來說，事情會變得有些復(fù)雜：用戶在每個場景開始時的視線方向取決于他在上一個場景結(jié)束時所注視的方向，你很難做出預(yù)測，進而難以通過我們的VR故事板進行預(yù)先設(shè)計與描述。推薦各位閱讀Jessica Brillhart的文章“In the Blink of a Mind?—?Attention”(Medium，墻外)，來了解怎樣應(yīng)對這樣的狀況。

模板

或許將來，每一名設(shè)計師都能佩戴著高端VR頭顯，通過某種所見即所得的設(shè)計工具直接沉浸在3D世界當(dāng)中進行工作。不過在那一天真正到來之前，我們依然要運用一直以來所熟悉的2D模式進行VR設(shè)計。本文所探討的VR故事板就是這樣一種變通性質(zhì)的工具。

我制作了一組模板，其中包含六個空白場景以及用來做注釋的文稿線。你可以下載這份可打印的PDF文件(DropBox)，或直接保存下面這張圖片；打印到紙上，隨時使用，會很便利。

相關(guān)閱讀：

站在VR世界的大門前

7000字長文，普及產(chǎn)品應(yīng)該知道的VR信息

VR 設(shè)計見聞錄：問題、機遇、成人內(nèi)容

如何構(gòu)建一套完整的VR設(shè)計流程

譯文來自：be for web

譯者: C7210【交互設(shè)計師、貓奴、吉他手、鼓手、老狗，現(xiàn)就職于騰訊ISUX(上海)】