混合現(xiàn)實場景展現(xiàn)模式中的UI組件-Fluent Design

在混合現(xiàn)實場景中,UI的展現(xiàn)形式與交互形式?jīng)Q定了最終的用戶體驗,因此是我們必須要重視的關(guān)鍵內(nèi)容。針對這部分,這里會引入一個全新的設(shè)計語言和一套高效的UI組件,分別是Fluent Design和MR Design Labs。

Fluent Design

UI設(shè)計方式一直在變革,隨著新的交互方式和輸入方式的出現(xiàn)(視線Gaze、手柄、墨跡輸入等),傳統(tǒng)的二維平面設(shè)計已經(jīng)不足以滿足多維場景的內(nèi)容交互和優(yōu)秀體驗。因此,微軟推出了一套全新的設(shè)計語言—Fluent Design。

這套設(shè)計語言的核心內(nèi)容是光影(Light)、深度(Depth)、運動(Motion)、材質(zhì)(Material)以及伸縮(Scale)。

  • 光影Light

光影的變換可以吸引用戶的注意,不管是在2D平面還是3D場景中。通過對用戶焦點提供特殊的光效(燈光高亮等),指示其視線,令用戶明晰交互目標 ,準確地與全息內(nèi)容交互。

  • 深度Depth

目前業(yè)界流行的UI設(shè)計主要是基于2D平面。然而,混合現(xiàn)實場景中更多維度的引入,深度可以在場景中展現(xiàn)更多層次更豐富的UI內(nèi)容細節(jié),讓用戶具有更好的觀感。

  • 運動Motion

運動是我們非常熟悉的概念和元素,在現(xiàn)有2D/3D設(shè)計語言中大量運用。通過場景元素的運動,可以讓場景的過渡切換非常的自然生動,非常有表現(xiàn)力。對于混合現(xiàn)實場景,無論是物體的過渡動畫、場景的切換動畫還是絢麗的粒子效果,都能大幅的提升場景效果。

  • 材質(zhì)Material

自然界中,材質(zhì)是物質(zhì)基礎(chǔ)的特性,所有的物體都不是冷冰冰的剛體,它們具有其特性。例如有些物體是柔軟而富有彈性的,有些物體則是光滑的可以自由滑動,還有物體是脆弱易碎的,還有些則是透明如毛玻璃一般。正是因為這些獨特的材質(zhì)特性,使得世界真實富有質(zhì)感。因此,在混合現(xiàn)實場景中,我們可以為全息內(nèi)容賦予特殊材質(zhì),使其更好的融入物理世界中,恍若真實物體般的體驗。

  • 伸縮Scale

目前工業(yè)界主流的設(shè)計還是基于常規(guī)的2D交互形式,然而隨著技術(shù)的進步,場景內(nèi)容越來越多的向更多維度擴展。畫家可以使用平板電腦作畫,但是可以通過使用Surface Dial這樣的外部配件輸入更多維度的信息,讓繪制的內(nèi)容豐富起來。或者可以直接在MR設(shè)備上作畫,此時直接在多位場景中創(chuàng)作。Scale因素讓我們考慮更多輸入維度內(nèi)容的設(shè)計。