混合现实设计语言 - MRTK3
在过去的几年里，我们提供了许多不同的设备和外形规格，其显示类型、分辨率和用户体验各不相同。 我们已开发了一组在混合现实中设计出色体验的最佳做法，但随着我们在不同产品和设备上测试和评估设计，这些最佳做法会继续发展。
我们很高兴通过 MRTK 的构建基块向公众介绍最新的混合现实设计语言 - 首次在适用于 HoloLens 的 Mesh 应用中展示。 新的设计更改旨在使开发人员能够生成更美观、更可用且可移植的生产就绪应用程序。
改进
更新的带圆角的几何图形，用于实现更易访问和友好的体验
改进的视觉反馈，用于增强多模式输入，例如眼睛凝视与收缩手势相结合
改进的模块化单元，支持具有排列的各种 UI 场景
模块化背板系统，用于构建保持清晰且可用的复杂布局
重新设计的范围框视觉对象，用于减少视觉干扰并启用流畅的凝视驱动的交互
与 RectTransform 和 Unity 画布的集成，支持动态和灵活布局
关键元素
几何图形
新的设计语言引入了带圆角的几何图形，这些几何图形创造了更易访问、更具吸引力的新式体验。 几何图形也是完全三维的，具有一种有形的厚度，有助于在现实中实现设计。 它还提醒用户，这些元素是存在于其 3D 空间中的真实物理对象，并且可附加到对象并被抓取、移动或操作。
颜色
颜色通过指示用户界面各元素之间的视觉层次和结构，帮助用户专注于其任务。 新设计语言的配色方案将眼睛疲劳降到最低，同时在附加显示器上保持明亮且不透明，以便在用户进行直接手部交互时增强用户信心。 虹彩效果等细节元素是设计和用户研究迭代的结果，以在 HoloLens 的附加显示器和其他混合现实设备中提供最佳体验。
光线和材料
光线和材料在空间交互中提供视觉反馈方面起着重要作用。 使用上下文 3D 照明可帮助用户感知深度和交互状态，尤其是在设备的附加显示器可能导致深度混淆时。 例如，用户的指尖在按钮的可按压表面投射出微妙的光芒，改善了用户对手指与全息影像之间距离的感知。
图层
分层是将一个曲面与另一个曲面重叠的概念。 混合现实设计语言使用分层和高度来创建体积 UI，它可增强空间交互中的交互质量和可用性，并通过对用户输入的精致直观的响应来取悦用户。
图标
图标是一组视觉图像和符号，可帮助用户了解并浏览应用。 混合现实设计语言使用 Microsoft 的 Fluent 系统图标。 系统图标字体中的每个字形都经过重新设计，以采用更柔和的几何图形和更现代的形式。
版式
作为语言的视觉表示形式，版式的主要任务是传达信息。 设计语言的字体渐变有助于在内容中创建结构和层次，以最大限度地提高 UI 的易读性和可读性。
MRTK3 中的混合现实设计语言
可使用混合现实设计语言为各种 UI 元素检查这些示例场景。
- CanvasUITearSheet.unity：显示 MRTK 中所有基于画布的按钮预制件变体。
- CanvasExample.unity：使用基于画布的组件生成更大布局的示例。
- UITearSheet.unity：显示 MRTK 中所有非基于画布的可用按钮预制件变体。
使用混合现实设计语言的示例
探索并了解混合现实设计语言的应用示例。