跳入 VR/AR 设计

已发表: 2022-03-11

三个维度的设计思维。

虚拟现实不再属于科幻小说领域。 在过去的几年里,虚拟现实和增强现实 (VR/AR) 市场一直在升温,微软、谷歌、HTC、Facebook 甚至苹果等大型科技公司纷纷涌入。这项技术不再只是为游戏玩家服务,而是被用于从汽车销售到企业培训的方方面面。 福布斯预测,到 2021 年,VR 和 AR 头戴设备的销售额将达到 8000 万美元,而 TechCrunch 正在证明,到 2021 年,AR 可能成为 1080 亿美元的 AR/VR 市场的主要驱动力。

现在,VR/AR 环境看起来有点像狂野的西部。 现有的标准或指南并不多,许多人仍然不完全确定 VR/AR 是什么,以及它为何重要。 对于设计师来说,虚拟现实设计和增强现实设计提供了一个机会,让他们能够在底层创造和设计一个全新的行业——制定设计标准,而不是遵循别人概述的预设规则。

三星 VR 耳机 - AR VR 设计

由于大多数设计师多年来一直在平面屏幕上磨练他们的手艺:电脑、移动设备,甚至是印刷设计,因此跳入 3D 设计似乎令人生畏。 得知您已经掌握的许多技能适用于这一新领域,您可能会感到惊讶。

与任何设计项目一样,尽可能多地了解和理解平台、目标受众以及您(或客户)想要实现的目标是至关重要的。 现实点。 这是一个新的前沿,所以不要低估掌握技术需要多长时间——准备犯错误并从中吸取教训。

入门:让自己沉浸其中

最好的入门方式是亲自体验 VR/AR(如果您还没有体验过),如果您之前尝试过,那么是时候完全沉浸其中了。 由于这个空间太新了,如果没有尽可能多的第一手经验,就不可能开始设计。

对于预算有限的初学者,首先从 Google 和 Apple 应用商店下载 VR/AR 应用到您的智能手机或平板电脑上。 许多应用程序仍然是免费的,并且有多种选择。 选择 Google Cardboard,这是开始体验 VR 的最低成本方式。

如果您感觉更冒险并且有更多的钱可以投入,Google Daydream 和三星 Gear VR 在低端提供更集成和更高质量的体验。

虚拟设计——AR VR MR设计
增强现实和混合现实 (AR/MR) 使用耳机或移动设备将虚拟世界元素与现实世界相结合。 虚拟现实 (VR) 让用户完全沉浸在虚拟世界中。

对于那些拥有更大钱包的人来说,Oculus、HTC Vive 和索尼提供了更专注于游戏的高端平台。 这些不适合胆小的人,而且成本可能很高,从完整的 PlayStation VR 捆绑包的 949 美元到带有高端 PC 的 Vive 或 Oculus 系统的数千美元。 这些系统还需要相当多的设置和技术知识。

在您探索的过程中,从 UX/UI 的角度记录哪些有效,哪些无效。 确保您考虑到技术限制以及硬件是帮助还是阻碍用户体验。 另外,记下你被哪些元素所吸引,你喜欢 VR 的完全沉浸感还是你更喜欢 AR 的混合现实? 这将帮助您确定将时间花在哪里学习。

美国的全职自由UX设计师想要

第一人称与平面设计

VR/AR 都是关于三个维度的,用户界面不再局限于平面矩形屏幕或表面。 因此,必须更好地理解空间设计和空间 UI 元素。

空间 UI 元素的类型:

跟随 VR AR 设计

  • 跟随– UI 元素在用户在环境中移动时跟随用户而不是固定的。 一个真实的例子就是汽车的仪表板。

世界锁定的ar vr设计

  • 世界锁定- UI 元素在环境中具有专门分配的空间,并且不会移动。 在现实世界中,这方面的例子是路牌、交通信号灯或人行横道指示器。

开始思考现实世界中的设计如何应用于虚拟世界。 确保您考虑视线和字体大小,并准备在 VR 中进行一些快速原型设计以测试您的假设。 有时您可以在对象上使用热链接以进行简单的交互; 对于更复杂的交互,您需要创建具有二级甚至三级交互的动态菜单。 游戏玩家已经熟悉其中的许多概念,并掌握了每种类型的空间 UI 元素的重要性。

新投入,新挑战

首次要求用户在没有触觉交互的情况下与 UI 进行交互。 不再有鼠标、触摸板或触摸屏。 尽管有些方法会模仿触觉交互,但在大多数情况下,用户会通过一些不熟悉的输入与虚拟环境进行交互,因此了解这对 UI 设计有何影响非常重要。

虚拟现实设计

输入类型:

  • 手势
  • 凝视(眼动追踪)
  • 语音
  • 硬件输入:
    • 特定平台
    • 触摸和点击控制器
    • 游戏控制器
    • 触觉

每个平台或设备都有自己独特的输入法集,并且可能具有上述所有或仅部分方法; 因此,了解您正在设计的平台至关重要。

回归基础:虚拟设计的过程

无论最终产品是什么,每个伟大的设计都以相同的方式开始。 一旦你很好地掌握了项目和目标,就开始合作和头脑风暴。 使用您当前用于早期设计概念的任何东西:白板、笔和纸或软件。 在继续之前收集反馈并尽可能地迭代以细化和缩小焦点。

仪表板的 AR 设计草图
与任何设计项目一样,在头脑风暴阶段绘制草图或白板是充实想法的最佳方式。 上图显示了 3D AR/VR 仪表板的初始概念。

在初步概念被提炼后,下一步是通过创建用户流来进入用户的思维模式。 通过跟踪用户通过 UI 的路径,我们能够确保路径简单易懂。

最后阶段是线框。 设计 UI 的布局方式和用户可访问的方式。

从小处着手:快速原型制作

不要害怕在早期阶段将草图或线框图用于快速的 VR/AR 原型。 它将帮助您在深入开发森林之前解决您的想法中的任何不可预见的问题。

一些简单的工具可用于快速测试其中一些早期概念:

  • Sketch to VR – 一个插件,让设计师可以使用 Sketch 来创建支持 Google VR 的演示。 一个优秀的工具,用于创建早期原型并向利益相关者展示。
  • Vizor – 更先进一点,允许设计师创建基于照片或 3D 场景的交互式演示。 Storyscape 介绍了如何开始。
  • WebVR – 一个开放平台,可让您在网络浏览器中体验 VR。

您还可以使用 Sketchup、Blender 和 Cinema 4D 等软件来制作 VR/AR 界面和场景的模型和原型。 或者,如果您想直接使用 VR/AR 设计和开发的主要工具之一,请直接访问 Unity 并设置一个免费帐户。 它有更多的学习曲线,但是有很多教程可以帮助您入门。

在 3D 中工作 - VR AR 设计的原型设计
一旦用户界面的想法开始形成,就有多种方法可以将概念原型化。 上面显示的是在导出到 Unity Pro 之前在 Cinema 4D 中建模和动画的 3D 用户界面元素。


使用 Unity Pro 进行 AR VR 设计
Unity Pro 的运行时捕获。

可视化虚拟

与传统的 UI 设计一样,出色的视觉设计至关重要。 应用你所知道的,不要试图重新发明轮子或过度改变你的审美。 使用您已经熟悉的工具来避免不必要的学习曲线(Adobe CC、Sketch、Framer 等)。

请记住最终用户将用来体验您的 UI 的设备。 更高分辨率的屏幕和耳机(平板电脑 AR、Oculus、Vive、PlayStation VR)允许更详细的设计以及更小、更优雅的字体。 低端或小屏幕设备(智能手机 VR/AR、Cardboard、Daydream、Gear VR)将需要使用更大、更粗的字体和不太详细的 UI 元素。

保持真实

使用提示引导用户浏览您的界面,并始终为每次交互提供反馈,以便用户快速定位。 坚持 UX/UI 最佳实践并创建干净、简单、用户友好的图形,通过为用户提供熟悉的参考点和视觉隐喻,让他们掌握虚拟体验。

信不信由你,经过这么多年远离设计中的拟物化,VR/AR 正在把它带回来。 使用手势转动转盘或拿起物体对用户来说感觉很自然。 问问铁杆游戏玩家,他们多年来一直在与虚拟世界互动。

沉浸式儿童的 AR VR 设计
上图显示了为沉浸式儿童读物制作的迷你游戏。 用户抓取零件并将它们放在蓝图上以构建机器人动力腿。

立即加入!

创意人士在 VR/AR 中的去向没有限制。 这是一个充满新机遇的开放领域。 设计师很少能在全新的事物的底层进入,并且有如此多的可能性。 沉浸式技术迫切需要设计师参与进来,参与其中,承担风险并创造新事物。

• • •

进一步阅读:

  • 新现实:VR、AR、MR 和设计的未来
  • 增强现实与虚拟现实与混合现实——入门指南
  • 交互环境和智能空间设计
  • UI 设计最佳实践和常见错误
  • 空状态——用户体验中最容易被忽视的方面