测试
在一块屏幕上使用两种视角的画布是为了测试。“UI视角“的画布可以使我们的注意力集中在设计本身，制作流程图也会更便捷。同时，“360视角“画布用于预览VR界面，为了获得真实的比例感，使用VR头盔测试界面是很有必要的。
工具在正式演练之前，先了解下所需的工具：
sketch：我们将使用sketch来设计界面和交互流程。如果没有，可以下载试用版。sketch是首选的界面设计软件，不过如果你更习惯于使用photoshop或其他任何软件，也是可以的。
GoPro VR播放器：它是一个360度界面查看器，由Gopro提供，免费。可以用来预览设计并测试。
Oculus Rift（译者按：是一款头戴VR显示器，价格在399美元左右）：将Oculus Rift连接到GoPro播放器来进行测试。
实操演练
在本节，我们将花费最多五分钟时间，来练习下VR界面设计流程。
下载素材包链接
1. 设置“360视角”画布
首先，创建一个360度视角的画布。打开sketch，创建新文件，并创建一个3600×1800像素的画布。导入名为background.jpg的文件，并将其放置在画布的中间。如果想用自己的素材，请确保背景图像的比例为2:1，并将其调整为3600×1800像素。
2. 设置“UI视角”画布
如上文所述，“UI视角”的画布只选取“360视角”的一部分，并且只专注于VR界面设计。因此，我们在360旁边建立新的1200×600像素的画布。然后，将360视角的背景复制到新画布，注意，要放置在新画布的正中间，并且不要调整大小。我们要保留背景的裁剪版本。
3. 设计界面
我们将在“UI视角“画布上设计我们的界面。为了使练习更加清晰直观，我们添加了一行卡片。如果你想偷懒，也可以从素材包里直接把名为tile.png的文件拖到画布中央。在同一行复制三个tile文件，然后把kickpush-logo.png文件拖出来放在tile上方。
4. 合并两个画布并且导出
将”UI视角”的画布置于“360”画布的中间，注意“UI”的图层要在“360”之上。导出“360”画布的png格式。
