Typographie
Le texte est un élément important pour fournir des informations dans votre expérience d’application. Tout comme la typographie sur les écrans 2D, l’objectif est d’être clair et lisible. Avec l’aspect trois dimensions de la réalité mixte, il est possible d’affecter le texte et l’expérience utilisateur globale de manière encore plus grande.
Lorsque nous parlons de type en 3D, nous avons tendance à penser extrudent, texte 3D volumetric. À l’exception de certaines conceptions de logotype et quelques autres applications limitées, le texte extrudé tend à dégrader la lisibilité du texte. Même si nous concevons des expériences pour 3D, nous utilisons 2D pour le type, car il est plus lisible et plus facile à lire.
Dans HoloLens, le type est construit avec des hologrammes à l’aide de la lumière basée sur le système de couleurs additifs. Tout comme d’autres hologrammes, le type peut être placé dans l’environnement réel où il peut être verrouillé et observé à partir de n’importe quel angle. L’effet parallax entre le type et l’environnement ajoute également de la profondeur à l’expérience.
Typographie en réalité mixte
Les règles typographiques en réalité mixte ne sont pas différentes d’ailleurs. Le texte dans le monde physique et le monde virtuel doit être lisible et lisible. Le texte peut se trouver sur un mur ou se superposer à un objet physique. Il peut être flottant avec une interface utilisateur numérique. Quel que soit le contexte, nous appliquons les mêmes règles typographiques pour la lecture et la reconnaissance.
Créer une hiérarchie claire
Créez un contraste et une hiérarchie à l’aide de différentes tailles et poids de type. La définition d’une rampe de type et son suivi tout au long de l’expérience de l’application offre une expérience utilisateur optimale avec une hiérarchie d’informations cohérente.
Définissez votre rampe de type et suivez-la tout au long de l’expérience d’application
Limiter vos polices
Évitez d’utiliser plus de deux familles de polices différentes dans un contexte unique. Trop de polices briseront l’harmonie et la cohérence de votre expérience et rendent plus difficile la consommation d’informations. Dans HoloLens, étant donné que les informations sont superposées au-dessus de l’environnement physique, l’utilisation de trop nombreux styles de police dégradera l’expérience. L’interface utilisateur de Segoe est la police de toutes les conceptions numériques Microsoft. Il est utilisé de manière cohérente dans l’interpréteur de commandes Windows Mixed Reality. Vous pouvez télécharger le fichier de police de l’interface utilisateur Segoe à partir de la page Windows création du kit de ressources.
Plus d’informations sur la police d’interface utilisateur Segoe
Éviter les poids de police minces
Évitez d’utiliser des poids de police légers ou semi-légers pour les tailles de type inférieures à 42 pts, car les traits verticaux minces vibrent et dégradent la lisibilité. Les polices modernes avec assez d’épaisseur de trait fonctionnent bien. Par exemple, Helvetica et Arial sont lisibles dans HoloLens à l’aide de poids réguliers ou gras.
Couleur
Dans HoloLens, étant donné que les hologrammes sont construits avec un système de lumière additif, le texte blanc est hautement lisible. Vous trouverez des exemples de texte blanc sur le menu Démarrer et la barre d’application. Même si le texte blanc fonctionne bien sans plaque arrière-plan sur HoloLens, un arrière-plan physique complexe pourrait rendre le type difficile à lire. Nous vous recommandons d’utiliser du texte blanc sur une plaque arrière foncée ou couleur pour améliorer le focus de l’utilisateur et réduire la distraction d’un arrière-plan physique.
Exemples de texte blanc sur une plaque arrière foncée ou colorée.
Pour utiliser du texte foncé, vous devez utiliser une plaque arrière brillante pour la rendre lisible. Dans les systèmes de couleurs additifs, le noir est affiché comme transparent. Cela signifie que vous ne verrez pas le texte noir sans plaque arrière colorée.
Exemples de blanc sur du texte noir et noir sur du texte blanc
Exemples de texte noir dans les applications système - Store et Paramètres
Taille de police recommandée
Comme vous pouvez vous attendre, les tailles de type que nous utilisons sur un PC ou un appareil tablette (généralement entre 12 et 32pt) regardent petite à une distance de 2 mètres. Cela dépend des caractéristiques de chaque police, mais en général, l’angle d’affichage minimal recommandé et la hauteur de police pour la lisibilité sont autour de 0,35°-0,4°/12,21-13,97 mm en fonction de nos études de recherche utilisateur. Il s’agit d’environ 35 à 40 pts avec le facteur de mise à l’échelle introduit dans la page Texte dans Unity .
Pour l’interaction proche à 0,45 m(45 cm), l’angle d’affichage minimal de la police lisible et la hauteur sont de 0,4°-0,5° / 3,14 à 3,9mm. Il s’agit d’environ 9 à 12 pts avec le facteur de mise à l’échelle introduit dans Text in Unity.
Contenu à proximité et à distance de la plage d’interaction
Taille minimale de police lisible
| Distance | Angle | Hauteur du texte | Taille de police** |
|---|---|---|---|
| 45 cm (distance de manipulation directe) | 0.4°-0.5° | 3.14 à 3.9mm | 8.9 à 11.13pt |
| 2 m | 0.35°-0.4° | 12.21–13.97mm | 34.63-39.58 pt |
Taille de police lisible confortable
| Distance | Angle | Hauteur du texte | Taille de police** |
|---|---|---|---|
| 45 cm (distance de manipulation directe) | 0.65°-0.8° | 5,1 à 6,3 mm | 14.47-17.8 pt |
| 2 m | 0.6°-0.75° | 20,9-26,2 mm | 59.4-74.2 pt |
L’interface utilisateur de Segoe (police par défaut pour Windows) fonctionne bien dans la plupart des cas. Évitez d’utiliser des familles de polices légères ou semi-légères de petite taille, car les traits verticaux minces vibreront et dégraderont la lisibilité. Les polices modernes avec assez d’épaisseur de trait fonctionnent bien. Par exemple, Helvetica et Arial ressemblent magnifiquement et sont lisibles dans HoloLens avec des poids réguliers ou gras.
Pour plus d’informations sur le calcul de taille de texte dans Unity, reportez-vous à Text in Unity
Affichage de la distance, de l’angle et de la hauteur du texte
Ressources
Polices Segoe
(Fichier zip)
police HoloLens
(Fichier zip)
Image : la police HoloLens vous donne les glyphes de symboles utilisés dans Windows Mixed Reality.
