混合现实场景展现模式中的UI组件-Fluent Design

在混合现实场景中,UI的展现形式与交互形式决定了最终的用户体验,因此是我们必须要重视的关键内容。针对这部分,这里会引入一个全新的设计语言和一套高效的UI组件,分别是Fluent Design和MR Design Labs。

Fluent Design

UI设计方式一直在变革,随着新的交互方式和输入方式的出现(视线Gaze、手柄、墨迹输入等),传统的二维平面设计已经不足以满足多维场景的内容交互和优秀体验。因此,微软推出了一套全新的设计语言—Fluent Design。

这套设计语言的核心内容是光影(Light)、深度(Depth)、运动(Motion)、材质(Material)以及伸缩(Scale)。

  • 光影Light

光影的变换可以吸引用户的注意,不管是在2D平面还是3D场景中。通过对用户焦点提供特殊的光效(灯光高亮等),指示其视线,令用户明晰交互目标 ,准确地与全息内容交互。

  • 深度Depth

目前业界流行的UI设计主要是基于2D平面。然而,混合现实场景中更多维度的引入,深度可以在场景中展现更多层次更丰富的UI内容细节,让用户具有更好的观感。

  • 运动Motion

运动是我们非常熟悉的概念和元素,在现有2D/3D设计语言中大量运用。通过场景元素的运动,可以让场景的过渡切换非常的自然生动,非常有表现力。对于混合现实场景,无论是物体的过渡动画、场景的切换动画还是绚丽的粒子效果,都能大幅的提升场景效果。

  • 材质Material

自然界中,材质是物质基础的特性,所有的物体都不是冷冰冰的刚体,它们具有其特性。例如有些物体是柔软而富有弹性的,有些物体则是光滑的可以自由滑动,还有物体是脆弱易碎的,还有些则是透明如毛玻璃一般。正是因为这些独特的材质特性,使得世界真实富有质感。因此,在混合现实场景中,我们可以为全息内容赋予特殊材质,使其更好的融入物理世界中,恍若真实物体般的体验。

  • 伸缩Scale

目前工业界主流的设计还是基于常规的2D交互形式,然而随着技术的进步,场景内容越来越多的向更多维度扩展。画家可以使用平板电脑作画,但是可以通过使用Surface Dial这样的外部配件输入更多维度的信息,让绘制的内容丰富起来。或者可以直接在MR设备上作画,此时直接在多位场景中创作。Scale因素让我们考虑更多输入维度内容的设计。