在混合現實場景中,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因素讓我們考慮更多輸入維度內容的設計。