跳入 VR/AR 設計

三個維度的設計思維。

虛擬現實不再屬於科幻小說領域。 在過去的幾年裡，虛擬現實和增強現實 (VR/AR) 市場一直在升溫，微軟、谷歌、HTC、Facebook 甚至蘋果等大型科技公司紛紛湧入。這項技術不再只是為遊戲玩家服務，而是被用於從汽車銷售到企業培訓的方方面面。 福布斯預測，到 2021 年，VR 和 AR 頭戴設備的銷售額將達到 8000 萬美元，而 TechCrunch 正在證明，到 2021 年，AR 可能成為 1080 億美元的 AR/VR 市場的主要驅動力。

現在，VR/AR 環境看起來有點像狂野的西部。 現有的標准或指南並不多，許多人仍然不完全確定 VR/AR 是什麼，以及它為何重要。 對於設計師來說，虛擬現實設計和增強現實設計提供了一個機會，讓他們能夠在底層創造和設計一個全新的行業——制定設計標準，而不是遵循別人概述的預設規則。

由於大多數設計師多年來一直在平面屏幕上磨練他們的手藝：電腦、移動設備，甚至是印刷設計，因此跳入 3D 設計似乎令人生畏。 得知您已經掌握的許多技能適用於這一新領域，您可能會感到驚訝。

與任何設計項目一樣，盡可能多地了解和理解平台、目標受眾以及您（或客戶）想要實現的目標是至關重要的。 現實點。 這是一個新的前沿，所以不要低估掌握技術需要多長時間——準備犯錯誤並從中吸取教訓。

入門：讓自己沉浸其中

最好的入門方式是親自體驗 VR/AR（如果您還沒有體驗過），如果您之前嘗試過，那麼是時候完全沉浸其中了。 由於這個空間太新了，如果沒有盡可能多的第一手經驗，就不可能開始設計。

對於預算有限的初學者，首先從 Google 和 Apple 應用商店下載 VR/AR 應用到您的智能手機或平板電腦上。 許多應用程序仍然是免費的，並且有多種選擇。 選擇 Google Cardboard，這是開始體驗 VR 的最低成本方式。

如果您感覺更冒險並且有更多的錢可以投入，Google Daydream 和三星 Gear VR 在低端提供更集成和更高質量的體驗。

對於那些擁有更大錢包的人來說，Oculus、HTC Vive 和索尼提供了更專注於遊戲的高端平台。 這些不適合膽小的人，而且成本可能很高，從完整的 PlayStation VR 捆綁包的 949 美元到帶有高端 PC 的 Vive 或 Oculus 系統的數千美元。 這些系統還需要相當多的設置和技術知識。

在您探索的過程中，從 UX/UI 的角度記錄哪些有效，哪些無效。 確保您考慮到技術限制以及硬件是幫助還是阻礙用戶體驗。 另外，記下你被哪些元素所吸引，你喜歡 VR 的完全沉浸感還是你更喜歡 AR 的混合現實？ 這將幫助您確定將時間花在哪裡學習。

第一人稱與平面設計

VR/AR 都是關於三個維度的，用戶界面不再局限於平面矩形屏幕或表面。 因此，必須更好地理解空間設計和空間 UI 元素。

空間 UI 元素的類型：

• 跟隨– UI 元素在用戶在環境中移動時跟隨用戶而不是固定的。 一個真實的例子就是汽車的儀表板。

• 世界鎖定- UI 元素在環境中具有專門分配的空間，並且不會移動。 在現實世界中，這方面的例子是路牌、交通信號燈或人行橫道指示器。

開始思考現實世界中的設計如何應用於虛擬世界。 確保您考慮視線和字體大小，並準備在 VR 中進行一些快速原型設計以測試您的假設。 有時您可以在對像上使用熱鏈接以進行簡單的交互； 對於更複雜的交互，您需要創建具有二級甚至三級交互的動態菜單。 遊戲玩家已經熟悉其中的許多概念，並掌握了每種類型的空間 UI 元素的重要性。

新投入，新挑戰

首次要求用戶在沒有觸覺交互的情況下與 UI 進行交互。 不再有鼠標、觸摸板或觸摸屏。 儘管有些方法會模仿觸覺交互，但在大多數情況下，用戶會通過一些不熟悉的輸入與虛擬環境進行交互，因此了解這對 UI 設計有何影響非常重要。

輸入類型：

• 手勢
• 凝視（眼動追踪）
• 語音
• 硬件輸入：
  • 特定平台
  • 觸摸和點擊控制器
  • 遊戲控制器
  • 觸覺

每個平台或設備都有自己獨特的輸入法集，並且可能具有上述所有或僅部分方法； 因此，了解您正在設計的平台至關重要。

回歸基礎：虛擬設計的過程

無論最終產品是什麼，每個偉大的設計都以相同的方式開始。 一旦你很好地掌握了項目和目標，就開始合作和頭腦風暴。 使用您當前用於早期設計概念的任何東西：白板、筆和紙或軟件。 在繼續之前收集反饋並儘可能地迭代以細化和縮小焦點。

在初步概念被提煉後，下一步是通過創建用戶流來進入用戶的思維模式。 通過跟踪用戶通過 UI 的路徑，我們能夠確保路徑簡單易懂。

最後階段是線框。 設計 UI 的佈局方式和用戶可訪問的方式。

從小處著手：快速原型製作

不要害怕在早期階段將草圖或線框圖用於快速的 VR/AR 原型。 它將幫助您在深入開發森林之前解決您的想法中的任何不可預見的問題。

一些簡單的工具可用於快速測試其中一些早期概念：

• Sketch to VR – 一個插件，讓設計師可以使用 Sketch 來創建支持 Google VR 的演示。 一個優秀的工具，用於創建早期原型並向利益相關者展示。
• Vizor – 更先進一點，允許設計師創建基於照片或 3D 場景的交互式演示。 Storyscape 介紹瞭如何開始。
• WebVR – 一個開放平台，可讓您在網絡瀏覽器中體驗 VR。

您還可以使用 Sketchup、Blender 和 Cinema 4D 等軟件來製作 VR/AR 界面和場景的模型和原型。 或者，如果您想直接使用 VR/AR 設計和開發的主要工具之一，請直接訪問 Unity 並設置一個免費帳戶。 它有更多的學習曲線，但是有很多教程可以幫助您入門。

可視化虛擬

與傳統的 UI 設計一樣，出色的視覺設計至關重要。 應用你所知道的，不要試圖重新發明輪子或過度改變你的審美。 使用您已經熟悉的工具來避免不必要的學習曲線（Adobe CC、Sketch、Framer 等）。

請記住最終用戶將用來體驗您的 UI 的設備。 更高分辨率的屏幕和耳機（平板電腦 AR、Oculus、Vive、PlayStation VR）允許更詳細的設計以及更小、更優雅的字體。 低端或小屏幕設備（智能手機 VR/AR、Cardboard、Daydream、Gear VR）將需要使用更大、更粗的字體和不太詳細的 UI 元素。

保持真實

使用提示引導用戶瀏覽您的界面，並始終為每次交互提供反饋，以便用戶快速定位。 堅持 UX/UI 最佳實踐並創建乾淨、簡單、用戶友好的圖形，通過為用戶提供熟悉的參考點和視覺隱喻，讓他們掌握虛擬體驗。

信不信由你，經過這麼多年遠離設計中的擬物化，VR/AR 正在把它帶回來。 使用手勢轉動轉盤或拿起物體對用戶來說感覺很自然。 問問鐵桿遊戲玩家，他們多年來一直在與虛擬世界互動。

立即加入！

創意人士在 VR/AR 中的去向沒有限制。 這是一個充滿新機遇的開放領域。 設計師很少能在全新的事物的底層進入，並且有如此多的可能性。 沉浸式技術迫切需要設計師參與進來，參與其中，承擔風險並創造新事物。

進一步閱讀：

• 新現實：VR、AR、MR 和設計的未來
• 增強現實與虛擬現實與混合現實——入門指南
• 交互環境和智能空間設計
• UI 設計最佳實踐和常見錯誤
• 空狀態——用戶體驗中最容易被忽視的方面