Realtà mista Design Language - MRTK3

Pulsante Principale

Negli ultimi anni sono stati forniti molti dispositivi e fattori di forma diversi con diversi tipi di visualizzazione, risoluzioni ed esperienze utente. Abbiamo sviluppato un set di procedure consigliate per la progettazione di esperienze eccezionali nella realtà mista, ma queste procedure consigliate continuano a evolversi man mano che testiamo e valutiamo i progetti in diversi prodotti e dispositivi.

Siamo lieti di presentare al pubblico le ultime Realtà mista Design Language, presentate per la prima volta nell'app Mesh per HoloLens, attraverso i blocchi predefiniti di MRTK. Le nuove modifiche di progettazione mirano a consentire agli sviluppatori di creare applicazioni pronte per la produzione più belle, utilizzabili e portabili.

Miglioramenti

Geometria aggiornata Geometria aggiornata con angoli arrotondati per esperienze più raggiungibili e amichevoli

Feedback visivo migliorato Feedback visivo migliorato per l'input multimodale migliorato, ad esempio lo sguardo fisso combinato con il movimento di avvicinamento delle dita

Unità modulari migliorate Unità modulari migliorate che supportano vari scenari di interfaccia utente con permutazioni

Sistema di backplate modulare Sistema di backplate modulare per la costruzione di layout complessi che rimangono chiari e utilizzabili

Aggiornamenti del rettangolo di selezione Oggetti visivi del rettangolo di selezione riprogettati per ridurre il rumore visivo e abilitare interazioni fluide basate su sguardo fisso

Interfaccia utente basata su canvas Integrazione con RectTransform e Unity Canvas che supporta il layout dinamico e flessibile

Elementi chiave

Geometria
Geometria
Il nuovo linguaggio di progettazione introduce la geometria con angoli arrotondati che creano un'esperienza più accattivante, coinvolgente e moderna. La geometria è anche completamente tridimensionale, con uno spessore tangibile che aiuta a basare i disegni nella realtà. Ricorda inoltre all'utente che questi elementi sono oggetti fisici reali che esistono all'interno dello spazio 3D e possono essere collegati a oggetti e afferrata, spostata o manipolata.

Colore
Colore
Il colore consente agli utenti di concentrarsi sulle attività indicando una gerarchia visiva e una struttura tra gli elementi dell'interfaccia utente. La combinazione di colori del nuovo linguaggio di progettazione riduce al minimo l'affaticamento degli occhi, rimanendo sufficientemente luminoso e opaco nei display additivi per rafforzare la fiducia dell'utente quando effettuano interazioni dirette con la mano. Elementi dettagliati come gli effetti iridescenti sono il risultato di iterazioni di progettazione e ricerca degli utenti per offrire la migliore esperienza nella visualizzazione aggiuntiva di HoloLens e in altri dispositivi Realtà mista.

Luce e materiali
Luce e materiali
La luce e i materiali svolgono un ruolo essenziale nel fornire feedback visivo nelle interazioni spaziali. L'uso dell'illuminazione 3D contestuale consente all'utente di percepire la profondità e lo stato di interazione, soprattutto quando i display aggiuntivi del dispositivo possono causare confusione di profondità. Ad esempio, le dita dell'utente proiettano un bagliore sottile sulle superfici pressabili dei pulsanti, migliorando la percezione dell'utente della distanza del dito dall'ologramma.

Livelli e elevazione
Strati
La sovrapposizione è il concetto di sovrapposizione di una superficie con un'altra. Il linguaggio di progettazione Realtà mista usa la sovrapposizione e l'elevazione per creare un'interfaccia utente volumetrica che migliora la qualità e l'usabilità dell'interazione nelle interazioni spaziali e soddisfa gli utenti con una risposta bella e intuitiva al loro input.

Iconografia
Iconografia
L'iconografia è un set di immagini e simboli visivi che consentono agli utenti di comprendere e esplorare l'app. Il linguaggio di progettazione Realtà mista usa le icone del sistema Fluent di Microsoft. Ogni glifo nel nostro carattere icona di sistema è stato riprogettato per abbracciare una geometria più morbida e metafore più moderne.

Tipografia
Tipografia
Come rappresentazione visiva del linguaggio, l'attività principale della tipografia consiste nel comunicare le informazioni. La gamma di tipi del linguaggio di progettazione consente di creare struttura e gerarchia nel contenuto per ottimizzare leggibilità e leggibilità nell'interfaccia utente.

Realtà mista linguaggio di progettazione in MRTK3

Puoi vedere queste scene di esempio per vari elementi dell'interfaccia utente con Realtà mista linguaggio di progettazione.

  • CanvasUITearSheet.unity: mostra tutte le varianti di prefab dei pulsanti basate su canvas disponibili in MRTK.
  • CanvasExample.unity: esempi di creazione di layout di dimensioni maggiori usando i componenti basati su Canvas.
  • UITearSheet.unity: mostra tutte le varianti di prefab dei pulsanti non basate su canvas disponibili in MRTK.

Foglio di disegno

Esempi di uso del linguaggio di progettazione Realtà mista

Esplorare e apprendere gli esempi di linguaggio di progettazione Realtà mista in azione.

Esempi di MRTK3 GitHub