Partager via


langage de conception Mixed Reality — MRTK3

Bouton Principal

Au cours des dernières années, nous avons expédié de nombreux appareils et facteurs de forme différents avec différents types d’affichage, résolutions et expériences utilisateur. Nous avons développé un ensemble de bonnes pratiques pour la conception d’expériences exceptionnelles dans la réalité mixte, mais ces meilleures pratiques continuent d’évoluer à mesure que nous testons et évaluons des conceptions sur différents produits et appareils.

Nous sommes ravis de présenter au public la dernière Mixed Reality langage de conception, d’abord présenté dans l’application Mesh pour HoloLens, par le biais des blocs de construction de MRTK. Les nouveaux changements de conception visent à permettre aux développeurs de créer des applications prêtes pour la production qui sont plus belles, utilisables et portables.

Améliorations

Géométrie mise à jour Géométrie mise à jour avec des coins arrondis pour des expériences plus accessibles et conviviales

Commentaires visuels améliorés Amélioration des commentaires visuels pour une entrée multimodèle améliorée, telle que le regard combiné à un geste de pincement

Unités modulaires améliorées Unités modulaires améliorées qui prennent en charge différents scénarios d’interface utilisateur avec des permutations

Système de plaque arrière modulaire Système de backplate modulaire pour créer des dispositions complexes qui restent claires et utilisables

Mises à jour du cadre englobant Visuels englobants repensés pour réduire le bruit visuel et permettre des interactions fluides alimentées par le regard

Interface utilisateur basée sur le canevas Intégration à RectTransform et Unity Canvas qui prend en charge la disposition dynamique et flexible

Éléments clés

Géométrie
Géométrie
Le nouveau langage de conception introduit la géométrie avec des coins arrondis qui créent une expérience plus accessible, attrayante et moderne. La géométrie est également entièrement tridimensionnelle, avec une épaisseur tangible qui aide à mettre en terre les conceptions dans la réalité. Il rappelle également à l’utilisateur que ces éléments sont des objets physiques réels qui existent dans leur espace 3D et peuvent être attachés à des objets et saisis, déplacés ou manipulés.

Couleur
Color
La couleur aide les utilisateurs à se concentrer sur leurs tâches en indiquant une hiérarchie et une structure visuelles entre les éléments d’interface utilisateur. Le nouveau jeu de couleurs du langage de conception réduit la fatigue oculaire tout en restant suffisamment lumineux et opaque sur les écrans additifs pour renforcer la confiance des utilisateurs lorsqu’ils effectuent des interactions directes avec la main. Les éléments détaillés tels que les effets irisés sont le résultat d’itérations de conception et de recherche utilisateur pour fournir une meilleure expérience dans l’affichage additive hololens et d’autres appareils Mixed Reality.

Lumière et matériaux
Lumière et matériaux
La lumière et les matériaux jouent un rôle essentiel dans la rétroaction visuelle dans les interactions spatiales. L’utilisation d’un éclairage 3D contextuel aide l’utilisateur à percevoir la profondeur et l’état d’interaction, en particulier lorsque les affichages additifs de l’appareil peuvent entraîner une confusion de profondeur. Par exemple, le bout des doigts de l’utilisateur projette une lumière subtile sur les surfaces pressables des boutons, ce qui améliore la perception de l’utilisateur de la distance de son doigt par rapport à l’hologramme.

Superposition et élévation
Couches
La superposition est le concept de chevauchement d’une surface à une autre. Le langage de conception Mixed Reality utilise la superposition et l’élévation pour créer une interface utilisateur volumétrique qui améliore la qualité des interactions et la facilité d’utilisation dans les interactions spatiales, et ravit les utilisateurs avec une réponse belle et intuitive à leur entrée.

Iconographie
Iconographie
L’iconographie est un ensemble d’images visuelles et de symboles qui aident les utilisateurs à comprendre votre application et à y naviguer. Le langage de conception Mixed Reality utilise les icônes du système Fluent de Microsoft. Chaque glyphe de notre police d’icônes système a été repensé pour adopter une géométrie plus douce et des métaphores plus modernes.

Typographie
Typographie
En tant que représentation visuelle du langage, la typographie a pour tâche principale de communiquer des informations. La rampe de type du langage de conception vous aide à créer une structure et une hiérarchie dans votre contenu afin d’optimiser la lisibilité et la lisibilité de votre interface utilisateur.

langage de conception Mixed Reality dans MRTK3

Vous pouvez case activée ces exemples de scènes pour différents éléments d’interface utilisateur avec Mixed Reality langage de conception.

  • CanvasUITearSheet.unity : affiche toutes les variantes de préfabriqués de bouton canvas disponibles dans MRTK.
  • CanvasExample.unity : exemples de création de dispositions plus grandes à l’aide des composants basés sur Canvas.
  • UITearSheet.unity : affiche toutes les variantes de préfabriqués de bouton non basés sur canvas disponibles dans MRTK.

Feuille de déchirure de canevas

Exemples d’utilisation du langage de conception Mixed Reality

Explorez et découvrez les exemples de langage de conception Mixed Reality en action.

Exemples GitHub MRTK3