linguaggio di progettazione Realtà mista - MRTK3

Button Main

Negli ultimi anni, abbiamo fornito molti dispositivi diversi e fattori di forma con diversi tipi di visualizzazione, risoluzioni ed esperienze utente. Abbiamo sviluppato una serie di procedure consigliate per progettare esperienze eccezionali nella realtà mista, ma queste procedure consigliate continuano a evolversi durante il test e la valutazione dei progetti in diversi prodotti e dispositivi.

Siamo lieti di presentare la versione più recente del linguaggio di progettazione Realtà mista presentata nell'app Mesh per HoloLens al pubblico tramite i blocchi predefiniti di MRTK. Le nuove modifiche di progettazione hanno lo scopo di consentire agli sviluppatori di creare applicazioni pronte per la produzione più belle, utilizzabili e portabili.

Miglioramenti

  • Feedback visivo migliorato per l'input multi modale
  • Bellissimi elementi di design arrotondati, combinando l'aspetto tradizionale HoloLens iridescente con design moderno Fluent
  • Sistema backplate modulare per la creazione di layout complessi che rimangono chiari e utilizzabili
  • Oggetti visivi del rettangolo delimitatore riprogettati per ridurre il rumore visivo e abilitare interazioni fluide basate su sguardo fisso
  • Layout dinamico con RectTransform e Canvas

Elementi principali

Geometria

Geometry

La geometria descrive la forma, le dimensioni e la posizione degli elementi dell'interfaccia utente. Questi elementi di progettazione fondamentali aiutano le esperienze a sentirsi coerenti nell'intero sistema di progettazione. Il nuovo linguaggio di progettazione introduce la geometria con angoli arrotondati che creano un'esperienza più approccio, coinvolgente e moderna. La geometria è anche completamente tridimensionale, con uno spessore tangibile che aiuta a terra i disegni in realtà. Ricorda inoltre all'utente che questi elementi sono oggetti fisici reali presenti all'interno dello spazio 3D e possono essere collegati a oggetti e afferrati, spostati o manipolati.

Colore

Backplate color

Color consente agli utenti di concentrarsi sulle attività indicando una gerarchia visiva e una struttura tra gli elementi dell'interfaccia utente. Il nuovo linguaggio di progettazione usa una combinazione di colori più scura per ridurre al minimo l'affaticamento oculare pur rimanendo sufficientemente brillante e opaco sui display additivi per rafforzare la fiducia degli utenti quando effettuano interazioni dirette con la mano.

Luce e materiali

Light

La luce e i materiali svolgono un ruolo essenziale nel fornire feedback visivo nelle interazioni spaziali. L'uso dell'illuminazione 3D contestuale aiuta l'utente a percepire lo stato di profondità e interazione, soprattutto quando gli schermi additivi del dispositivo possono causare confusione di profondità. Ad esempio, le dita dell'utente proiettano un alone sottile sulle superfici premute dei pulsanti, migliorando la percezione dell'utente della distanza del dito dall'ologramma.

Livelli

Layering and Elevation

Il layering è il concetto di sovrapposizione di una superficie con un'altra. Il linguaggio di progettazione Realtà mista usa livelli ed elevazione dei livelli per creare un'interfaccia utentemetrica che migliora la qualità dell'interazione e l'usabilità nelle interazioni spaziali e delizia gli utenti con una risposta bella e intuitiva all'input.

Iconografia

Iconography

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 l'iconografia di Windows 11. Ogni glifo nel tipo di carattere icona di sistema è stato riprogettato per abbracciare una geometria più morbida e metafore più moderne.

Tipografia

Typography

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

linguaggio di progettazione Realtà mista in MRTK3

MRTKv3 Tearsheet

Esempi di utilizzo del linguaggio di progettazione Realtà mista

Esplorare e ottenere informazioni sugli esempi di linguaggio di progettazione Realtà mista in azione.

app Microsoft Mesh per HoloLens 2

Mesh app for HoloLens 2