我只是在和我的朋友聊天，我很少像去年夏天和秋天那样写很多写作，我需要在官方帐户中分别写一个“序言”。时间变得越来越少或更多的东西已经变得更加越来越多，或者必须取决于调整身心的时期。我不知道，我只是不想再写了。

突然，我想到了令人心碎和令人心碎的问题。我只是不知道这从哪里开始。哦，顺便说一句，上一篇文章的一位朋友特别添加了他的个人微信帐户，以询问5年前翻译中提到的英语书是否存在介绍中文版本的问题。他不禁。抱歉删除朋友。我还希望任何有兴趣传达可以通过任何搜索引擎获得答案的问题的朋友都不必花时间找到我的个人帐户，然后在等待他的朋友验证后在手机上打字进行通信。每个人的时间都是宝贵的。

它仍然是2月，但这是这个世界时不时的春季开始的开始。在咖啡馆的洪冯，阳光下的人们是如此快乐，老大，老狗都在追逐和奔跑，孩子们正在踢足球。这真的还不错，有时您甚至感觉到这样。

没有太多时间。 VR实践指导文章。自从这样的新东西以来已经有很长时间了。实用指导的内容非常简单易用。我个人认为，重点是将传统的UX设计过程和方法整合到VR产品设计思想中，以及作者对VR设计和开发工作前景的看法。新技术，新事物以及一群在强烈的风吹之后始终坚持的从业者是真实和长期价值的。这是关于心脏的；集体幻想不过是肾脏。

输入下面的翻译。

对于许多设计师而言，VR仍然是未知领域。在过去的几年中，我们目睹了VR硬件设备和软件产品的爆炸性增长。从经验的角度来看，从无聊到惊人，不同类型的VR平台和软件表格为我们带来了不同，复杂性和效率的差异也很明显。

作为传统的UX设计师，进入新领域的第一步是最困难的。我们知道，因为我们经历了它。不用担心，在本文中，我们将详细分享VR应用程序设计的特定过程，包括相应的工具和方法。我希望阅读后，您可以掌握足够的知识将其应用于VR项目设计。为了实现这一目标，您不必成为专家，但是需要学习的热情和将您的能力应用于新领域的愿望是必要的。我希望我们最终能够通过更多的共享和沟通来最大程度地提高VR的发展速度。

VR应用的类型

从设计的角度来看，VR应用程序大致由两个部分组成：“环境”和“接口”。

您可以理解“环境”作为戴着VR耳机后进入的世界，例如您所在的虚拟行星表面或飞行的过山车。

“接口”是指用户必须与之交互的一系列虚拟对象，以体验环境或控制过程体验。

所有VR应用程序都可以根据这两个组件之间的复杂性差异将四个象限分为四个象限：

左上方最具代表性的象限是模拟器产品，例如上面提到的VR应用程序提供了过山车体验。这种类型的产品通常构建一个完整的虚拟环境，但没有提供任何接口，用户只能在整个过程中被动地体验它。

相应地，属于右下象限的产品通常提供一个完整的接口交互系统，但是环境中的写作样式通常更轻，甚至没有提供环境。三星齿轮VR的第一个屏幕是一个典型的例子。

设计虚拟环境需要熟练的3D建模功能，这会阻止2D接口领域的互动或视觉设计师。但另一方面，VR产品的界面设计部分是我们展示能力的绝佳阶段。

我们的工作室设计的第一个完全接口风格的VR产品是《经济学家》杂志的应用程序。我们负责设计，合作伙伴工作室负责开发，实施和内容创建。

在本文中，我们将以此应用程序的设计过程为例，首先了解VR应用程序的总体设计方法，然后专注于界面设计。您还可以下载用于Gear VR的《经济学人》杂志VR应用程序。

传统界面设计过程

我们大多数人长期以来一直熟悉移动应用程序的设计过程，但是VR接口的设计工作流程仍然没有所谓的标准定义。当我们启动第一个VR应用程序项目时，我们要做的第一件事是定义设计过程。

传统过程，新领域

当我们第一次体验Gear VR时，我们注意到接口设计与传统的移动应用程序相似。例如，就交互过程而言，用户都使用与接口元素的交互来实现页面之间的跳跃。当然，这个示例太笼统了，因此可以记住目前的结论是很好的。因此，我们多年来一直熟悉的“尝试，验证和迭代”的产品设计仍然可以派上用场。实际上，我们“传统”设计师离VR设计不远。

在这种情况下，在正式进入VR接口设计主题之前，我们不妨简要整理传统移动应用程序的设计过程。

1。线框草稿

我们将首先通过线框草稿的快速迭代来定义交互过程和接口布局。

2。视觉草稿

在此阶段，应明确定义函数和交互方法。设计师需要将视觉设计语言和品牌规格应用于线框草稿，以创建最终的视觉草稿。

3。流程图

我们还需要通过接口组织功能过程，连接接口草稿，添加必要的逻辑说明和描述，并形成流程图，主要目的是帮助开发人员了解产品的功能逻辑。

那么，我们应该如何将此过程应用于VR设计？

设计文档配置

画布尺寸

有时，最基本的问题是最具挑战性的问题。当您面对360°画布时，您通常不知道从哪里开始。毕竟，我们已经习惯于面对那些具有固定尺寸的2D接口窗口多年。

我们花了几个星期探索哪些帆布规格最适合携带VR空间。设计移动应用程序时，帆布规范通常由设备尺寸（例如相应的基本尺寸）确定，并且适合平台。同样，在试图将传统设计过程集成到VR产品中的过程中，我们还需要找到最方便的帆布尺寸，以显示虚拟3D空间的全部图片。

下图显示了2D中的360°VR环境。该形式称为“圆柱投影”（）。在3D虚拟环境中，此类预测的图形将在球形空间中包围，并模拟现实世界。

投影图像的宽度代表3D世界中的360°水平视场，高度代表了180°垂直视场。基于此，在像素中，我们将画布的大小设置为。

在如此巨大的画布上工作仍然有些挑战。但是，由于我们主要关注应用程序中接口部分的设计，因此在大多数情况下，我们只能专注于一小部分画布。

在提到迈克（Mike）在VR视野舒适区域的早期研究时，我们可以从整个画布中切开一个区域，专门用于展示与界面相关的元素。我们选择的区域占据整个画布中的1/9，位于中间，尺寸为。

总而言之，以像素：

测试

我们使用了两个单独的画布进行测试，其中一个（）用于携带接口视图部分，使我们可以更好地专注于接口设计过程，而另一个（）专门用于环境的渲染。为了验证接口区域的大小是否合理，我们必须通过实际的VR设备进行测试体验。

使用它，您可以直接通过可视化轻松比较设计方案的不同版本。

工具

在解释实际的设计过程之前，让我们首先了解所需的工具：

VR接口设计过程

接下来，我们将输入VR接口的实际设计过程，并一起完成一个简单的情况。实际操作时间不会超过五分钟。

您可以下载包含所有将使用的UI元素图形和环境背景图片的案例材料包。当然，使用自己的材料绝对可以。

1。创建360°视图

首先，我们要创建一个呈现360°环境背景的画布。在其中创建一个新文档，并添加一个带有像素大小的（）。

将.jpg从艺术板中间的材料包中拖动。如果您使用自己的材料图片，请确保具有2：1的长宽比并将尺寸设置为。

2。创建接口视图

如前所述，我们的接口区域实际上是从360°视图切割的部分，使我们可以更好地专注于接口部分的设计。

添加一个带有其大小的新艺术板，然后将“ 360°视图”艺术板中的背景图像复制到新的艺术板中，并将其放置在中心，而无需任何缩放，我们需要的就是这样的当地区域。

3。设计接口

接下来，我们需要实际设计界面。我们将尝试保持练习简单易于使用，并以陶瓷瓷砖的形式显示接口选项。如果您懒得自己制作材料，可以直接从刚下载的文件中找到tile.png，将其拖到画布的中间，然后复制两个副本并并排放置。

从材料包装中查找-logo.png，将其拖入画布中，然后将其放在中间件上方。

看起来还不错吗？

4。合并艺术板并导出文件

下一个工作非常有趣。在左侧的图片板和图层列表中，请确保接口视图绘图板位于360°视图绘图板上，然后将接口视图绘图板和360°视图绘图板分层在画布中，以保持以水平和垂直方向为中心。

选择360°视图绘图板以导出PNG格式文件。在最终的实际图片中，接口视图区域和背景是无缝连接的。

5。在实际设备中进行测试

打开VR播放器并将刚导出的PNG文件拖动到播放窗口中。使用鼠标将图片拖到窗口中，以360°预览整个环境样式。

实际的设计过程实际上已经在这里结束。比我想象的要简单得多？

如果您有Rift，则VR播放器应该能够检测到它，然后可以浏览我们通过实际设备制作的VR环境和接口。如果使用Mac，则可能需要在系统中进行一些设置才能实现预览。

技术缺陷

低分辨率

VR耳机的分辨率仍然不理想。当然，对于移动VR，具体规格也取决于手机本身。无论如何，考虑到屏幕和眼睛之间的实际距离通常不超过5 cm，因此显示效果仍然很难在“清除”一词中描述。

为了确保最理想的效果，每只眼睛的分辨率需要超过8K，即将其转换为像素。实际上，技术层面远非如此之遥，但是它距离达到不远，并且将来将永远实现。

文字可读性

由于显示设备的分辨率局限性，您设计的精美界面实际上将具有清晰的像素感觉，这也意味着文本内容将变得更加困难，并且锯齿状的情况将更加严重。因此，在当前阶段，我们应该尝试为VR接口中的文本使用较大的字体大小，同时，尽可能提高其他接口元素的清晰度。

改进设计过程

流程图

您还记得上面提到的移动应用程序界面流程图吗？我们还可以将其应用于VR接口设计。通过根据功能过程将界面组织成逻辑清晰的流程图，开发人员将很容易理解产品的整体体系结构。

运动效应设计

完成美丽的静态接口设计后，下一个问题是如何呈现动态互动效果。我们还从两个维度开始，以解决这个问题。

基于接口设计，我们通过合作实现了动态效果。尽管最终输出不是3D形式，但它仍然可以有效地帮助开发团队了解设计意图或向客户展示早期的设计愿景。

您可能会想：“但是VR的实际情况比这2D演示形式要复杂得多。”这是事实，但是这种做法的关键是，我们可以将掌握的设计功能扩展到新领域并尝试。

环境互动或接口交互？

关于身临其境的体验

某些VR体验将在很大程度上取决于人们与虚拟环境之间的相互作用。对于这种类型的产品，传统的界面形式将显得有些糟糕，您需要更多地考虑环境本身的互动特征。

想象一下，您正在为高级旅行社设计一个VR应用程序，并且您想以最生动，最有趣的方式将用户“传输”到他们可能感兴趣的目的地。虚拟旅程的起点可以在类似豪华的办公室的位置，用户可以翻阅美丽的虚拟旅行杂志或摆弄桌子上的各种旅行纪念品，并使用“实体”互动来完成信息选择。

这种方法可以想象，但实际上您会遇到一些问题。为了获得理想的体验，您需要最高端VR和PC设备的支持，并且需要使用诸如手柄之类的控制器来实现环境互动。此外，此类应用需要在设计和开发成本上进行非常高的投资。

新媒体的逐渐普及

实际上，并非所有公司都能负担高昂的成本来创造如此高度沉浸式的体验。除非您几乎拥有诸如或类似的无限资源，否则产品构想的风险太多，重点是这种高端VR体验。创建这样的产品可能有助于展示您在技术最前沿的技术水平，但是将产品真正带入大众市场并没有帮助。

通常，当新媒介被释放时，那些早期的从业者一次又一次地将潜力推向极限。经过足够的学习和尝试，最终将越来越多的人接受新技术。随着VR设备的逐渐流行，越来越多的公司开始探索将VR技术与目标消费者需求相结合的机会。

从我们的角度来看，通过传统界面（所谓的“传统”）运行和交互的VR产品是大多数消费者在手机，平板电脑，台式计算机和可穿戴设备中都熟悉的设计范式，并且将在更大的规模上投入使用，并且对在新领域的投资和促进最有价值的公司也将受到更多需求。

是时候开始了

我们希望通过本文，我们可以为所有设计师提供一些灵感，并帮助每个人摆脱对新事物的恐惧，并尝试开始VR设计。

经常说，独自旅行只能更快。但是，如果您想走得更远，那是最好的策略。我们想走得更远，而不是继续前进。我们相信，每家公司最终都会启动自己的VR应用程序，就像今天几乎每个公司都有自己的移动网站一样。

因此，我们创建了一个工作室，希望能够团结更多的设计师，并大胆地做我们以前不敢做的事情。 VR产品在消费市场上变得越来越流行，旧生态系统的深刻变化越早。

作为数字产品设计师，我们的下一个挑战是创建更复杂的VR产品并处理各种输入设备的互动关系。为了实现这一目标，我们需要更有效，更可靠的原型工具来帮助我们更快地创建和验证设计解决方案。无论我们尝试新方法还是开发相关工具，我们都将继续努力工作，我们也希望将来与您分享更多的经验。

原始英语：与VR，作者：Sam＆Alex