开始设计和原型制作

mixed reality design abstract

混合现实应用程序与当今世界上任何其他应用程序都不同,设计它们是一项很难的工作。 你不仅要考虑到正在创建的真实世界和虚拟世界的新组合,还必须考虑它们提供的新型用户体验。 由于混合现实很大,因此我们在其设计范围内选择了要点,并在下面将它们布置为一系列检查点。 这些检查点应该是连续的,但如果你已经有了一定的了解,则可以随时跳转到以下任何部分。

请查看我们的设备概述视频开始入门:

设计检查点

使用以下检查点将应用程序创意和概念带入混合现实的世界。

1.入门

与所有历程一样,设计混合现实应用程序的冒险之旅从基础开始。 我们建议你自行熟悉什么是混合现实以及什么是全息影像?文章,让大脑为沉浸式设计做好准备。 完成通读后,你就可以开始混合现实设计历程了!

Getting started gif from Designing Holograms app

Checkpoint 业务成效
扩展设计过程 亲眼见证从 Microsoft 内外的设计师处收集的混合现实设计过程
混合现实应用的类型 确定你的应用体验在混合现实范围内的位置
“设计全息影像”应用 了解混合现实 UX 设计的基础知识,只需体验创建出色 HoloLens 应用相关的行为、提示和建议即可(可在 HoloLens 2 中从 Microsoft Store 下载)
MRTK 中心示例 体验混合现实的常见空间交互和 UX 构建基块(可从 HoloLens 2 中的 Microsoft Store 下载)
(可选)下载 Figma 工具包 Figma 工具包提供了一些资产,你可以使用它们根据 MRTK 中的可用组件来草拟和布置 UI

2.核心概念

无论是针对 VR 还是 AR 进行开发,都有几个核心概念适用于设计流畅的沉浸式体验。 了解用户的观点、定位对象并确保每个人都舒适安全是你在历程的这一阶段的头等大事。 本部分结束时,你将有一个坚实的基础来进行交互设计。

Core concepts example image

概念 业务成效
全息帧 了解用户佩戴着其头戴显示设备时如何看到覆盖到现实世界的内容
坐标系统 了解如何将全息影像置于世界上有意义的各个位置,该位置可能是实际空间,也可能是你创建的某个虚拟领域
空间映射 在用户的世界中锚定对象,并利用真实世界的物理表面
舒适感注意事项 通过以模仿自然世界的方式创建和呈现沉浸式内容,确保用户的舒适感和安全性

3.交互设计

无论虚拟体验有多漂亮和拟真,如果不能进行交互,也都是没有用的。 本部分将向你介绍基本交互模型、手势和运动控制器、语音输入以及收集用户的眼部跟踪数据。 本部分结束后,你便已准备好处理设计历程中的最后一个大主题:用户体验。

Interaction design factors

概念 业务成效
交互模型 通过手部、眼部和语音输入向用户提供本能交互
手和运动控制器 了解如何在靠近用户手的位置或者通过精确的交互在远距离与全息影像交互
语音输入 在沉浸式应用中使用语音命令作为输入来控制周围的全息影像和环境
眼部跟踪 使用有关用户正在查看的内容的信息,在全息体验中增加一个新层次的上下文和人工理解

4.用户体验元素

现在你已经掌握了基本的交互,你可以专注于用户体验元素的更细微之处,以及如何使它们适应混合现实的独特环境。 你将了解常见的行为、资产设计、对象缩放和版式,同时为用户提供直观的体验。 本部分标志着混合现实官方设计历程的结束,但在后续步骤?部分中还有更多资源供你继续了解。

UX Elements

概念 业务成效
常用控件和行为 了解常用空间交互和 UI 构建基块
颜色、光线和材料 设计适用于混合现实的质量资产,其考虑了颜色、照明和材料
对象规模 整合尽可能多的现实世界视觉提示给我们,帮助你的用户了解对象的位置、大小以及组成部分
版式 在三维空间中使用清晰可读的文本,为用户提供所需的重要信息

后续步骤

设计师的工作一直在更新,尤其是在学习以新的范式创建沉浸式体验时。 以下各部分将带你跨越已完成的初学者级别设计材料并进入混合现实开发的世界。 这些主题和资源不按任何顺序排列,因此可随意探索!

选择原型制作选项

MRTK Figma Toolkit
Figma 工具包
Figma 工具包提供可用于 UI 构造和布局的资产。 所有 UI 控件都基于 MRTK 中可用的组件。

Learn Unity
了解 Unity
了解如何使用 Unity 创建交互式体验。 从头至尾从实践中学习。

Mixed Reality Toolkit (MRTK)
混合现实工具包 (MRTK)
使用空间交互和 UI 构建基块,通过 Unity 立即开始混合现实设计和开发。

Microsoft Maquette
Microsoft Maquette
为 VR 而设计。 可以使用 Microsoft Maquette 快速便捷地进行沉浸式空间原型制作。


注意

从 MRTK3 开始,我们为开发人员引入新的混合现实设计语言。 有关详细信息,请参阅 MRTK3 文档


其他资源

Understand the basics
了解基础知识
更好地了解是什么定义了混合现实,以及如何使用混合现实。

Come to an event
参加活动
开始你的混合现实开发之旅。

Install the tools
安装工具
使用安装清单获取为 HoloLens 和混合现实构建应用所需的工具。

Start developing
开始开发
根据技能水平、工作风格或平台兴趣选择开发路径。