VR 界面设计流程

首先简短说一下如何设计 VR 界面，以一个简单的作品为例，实践起来最多花五分钟。

下载资产压缩包，里面有固定大小的UI元素及背景图片。想要用自己的资产也可以。

1. 创建“立体视图”

首先创建360度的立体画布。在Sketch中打开新文件，创建艺术画板：3600 × 1800像素。

导入命名为 background.jpg 的文件，放在画布**。如果用自己的球面投影背景，比例应是 2:1，再将尺寸调整为 3600 × 1800 像素。

2. 创建艺术画板

刚刚说过，“UI视图”是“立体视图”的剪切板，重心只在VR界面上。

在刚刚的艺术画板旁边再建一个1200 × 600像素的新画板，然后将“立体视图”的背景再复制到新画板中心——注意保持原尺寸，我们想要保留裁剪版的背景。

3. 设计界面

我们在“UI视图”上设计界面，介于这只是演示，所以只做简易版，添加一行方块。如果嫌麻烦，就把资产压缩包里的tile.png文件拖到UI视图的中心。

复制 tile.png，创建三个方块排成一行。

再把里面的 kickpush-logo.png 放在方块上面。

4. 合并艺术画板并导出

这一部分就比较有趣了。左边层列表里的“UI视图”要始终在“立体视图”之上。

将“UI 视图”拖到“立体视图”的**，以 PNG 格式导出“立体视图”；“UI 视图”会留在“立体视图”上面。

5. 在 VR 中测试

打开 GoPro VR Player，把刚刚导出的“立体视图”PNG 拖进窗口，预览 360 度立体虚拟环境。

完成了！只要知道怎么做就很简单了，对吧？

如果装有 Oculus Rift，GoPro VR Player 会自动检测到，就能用 VR 设备来预览图像了。Mac 系统可能要调整显示设置，才能达到理想的预览效果。