這篇文章是Marvel的設計師&開發者Maxime De Greve（Marvel是一款原型工具，之前也寫過一篇體驗文章來著），發布在官方博客中的一篇文章，如何通過現有的工具，來實現近在咫尺的VR未來？也許我們的設計方法和工具還沒有沉淀好，但是仍然可以去一窺未來，文章也介紹了一些VR設計的基礎知識，最后也完成了一個輕觸效果的demo。雖然仍局限于2D場景交互方式，缺少環境交互，但行動起來，你就會發現一些新的東西，不是嘛？
原文鏈接：VR Prototyping with Marvel
原文作者：Maxime De Greve
VR正在穩步發展，并逐漸走向主流。就像我們等待著，從大型的設備進化成PlayStation?VR和HTC?Vive這樣能走進客廳的設備。
在未來的三年，Forrester預測會有5200w的虛擬現實設備被銷售，Samsung在今年的早些時候也有透露，它們賣出了500w的Gear?VR。
然而，要降低產品設計的門檻，讓更多的團隊加入到設計中，還需要一些工具。
如果讓你用腳趾來做VR的原型和設計，你當然會有很多困惑，你不知道該是什么尺寸，需要購買什么設備，通過什么樣的軟件來操作。別擔心，每個人都會這樣。
幸運的是，有一些人寫文章來幫助其他人起步，我讀了“Getting started with VR Interface Design”和“Design practise in Virtual Reality”，獲得了不少啟發。
Alex和Sam的這句話引起了我的注意：
“設計師多年提煉出來的工作流程不會被浪費，也可以用來構建VR界面”
于是我開始思考，我怎么樣可以通過現有的工作流程，來為VR制作原型和設計？我收集了這些材料：
-通過Sketch制作一些設計
-通過Marvel制作原型，并在Marvel 的iOS應用上體驗
-一部Google Cardboard
經過了幾天的腦洞之后，我看到了一些我完成的有趣事情，Marvel for VR!
下面是我所做的事情：
腦洞我們的iOS應用
我們現在有一款iOS應用，可以讓你在手機上看原型。我希望通過它和Google Cardboard，讓你能在Marvel上查看VR原型。
現在這個應用只支持2D設計，所以我需要支持360°的圖片來創造一個簡單的環境。
我們使用Apple的SceneKit SDK來將圖片轉換到3D環境，然后讓加速計追蹤頭部的轉動。
Marvel使用“hotspots”來快速連接設計，形成原型。hotspot本質上就是一個交互區域，你可以添加到你的設計上，讓用戶觸碰后到下一個屏幕。
我可能需要為適應VR微調一下Marvel的默認行為。
盡管Google Cardboard（大多數設備也是如此）包括一個操作按鈕，它的功能就像是點擊或是輕觸，我也想讓用戶在不需要任何其它操作，只需要凝視熱區幾秒就可以進入下一區域。
技術做好了分類，下一步就是設計出VR原型。
為VR設計
顯然，給VR設計的第一步就是在Sketch和Photoshop中設置一個2:1的畫板。
我在Facebook上找到了一個很棒的模板來幫助我開始。
Facebook VR模板也有一些方便的指南。綠色區域為使用時佩戴的舒適視角，黃色區域回事用戶視野的邊緣，可以吸引用戶的好奇心，紅色是用戶可以看到的部分。
現在我們有了模板，已經準備好開始設計了。作為”Game of Thrones”的忠實粉絲，我為我的“Game of Marvel”創造了兩個虛擬屏。
第一個屏是3D環境，第二個屏是游戲暫停時現實的菜單。
對背景來說，我通過C4D創建了一個360°的圖片。
你不需要通過3D軟件開始，它可以是任何的360°圖片，甚至一個白色背景，Flickr上有很多很棒的360°圖片，你可以去找找。
你可能注意到這張圖片有點奇怪，這是因為圖片會被貼在一個球體上，通過VR設備你就可以看到全景的視圖。
我添加了一個3D的插圖，讓你了解設備下發生了什么：
一些提示：
由于你的設計會被卷曲為球體，你需要注意你的按鈕也會被球化，按鈕越大，效果越明顯，所以在4000x2000px的Facebook模板哈桑，不要超過400x400px的形狀。
Marvel中的原型
這感覺真不錯，我創建了一個Marvel項目，并添加了我的圖片，通過編輯器和hotspot聯系在一起。
最后結果
我在Marvel的iOS應用上運行了這個項目，把我的手機插入了Google Cardboard然后運行！這就是我的第一個Marvel VR原型。
看看下面這個視頻，你可以看到暫停菜單中的hotspot和交互。
（外鏈的視頻好像受限...所以只能去原文查看了）
我花了不到5分鐘的時間來將設計連接，創建了一個VR原型，并使用了iOS應用來查看它，最終的結果也不錯，我從中獲得了不少樂趣。
