Typographie

Le style typographique permet de définir la hiérarchie des informations et la fonction d'une interface utilisateur. Les choix typographiques peuvent également avoir une grande incidence sur la lisibilité, ce qui est un facteur important pour la conduite.

Résumé des conseils (TL:DR):

• Utiliser l'affichage, le corps et le sous-texte de l'échelle typographique d'Android Automotive OS
• La taille minimale du corps du texte est de 24 dp. Réservez la taille du sous-texte aux informations non cruciales.
• Utiliser une grille de 4 dp pour l'alignement

• Appliquer des attributs de style pour créer des effets (soutenir la hiérarchie, attirer l'attention)
• Utilisez avec parcimonie l'épaisseur de police moyenne et évitez le gras

---

Références de mise à l'échelle et de grille

Utilisez l'échelle typographique et la grille de composition d'Android Automotive OS pour assurer une apparence cohérente et un texte lisible en un coup d'œil à différents niveaux pour l'affichage du texte, du corps du texte et du sous-texte.

Échelle typographique Android Automotive OS

Cette échelle indique les polices, les tailles de police et les hauteurs de ligne utilisées pour les neuf niveaux par défaut de texte d'affichage, de corps du texte et de sous-texte utilisés dans Android Automotive OS. La taille de type minimale pour Android Automotive OS est de 24 dp. Les tailles inférieures à 24 dp ne sont pas lisibles d'un coup d'œil et doivent être utilisées avec parcimonie dans le contexte de l'automobile. Les tailles de sous-texte sont mieux réservées aux informations non cruciales ou tertiaires, comme le contenu de la barre d'état.

Le format des informations sur la police dans cette échelle est le suivant: (Nom de la police) (Taille du type) / (Hauteur de ligne). Les valeurs de taille du type et de hauteur de ligne sont indiquées en points (pt).

Remarque :Pour les langues qui ne sont pas couvertes par Roboto, nous recommandons d'utiliser la police Noto Sans. Elle est basée sur des métriques semblables à celles de Roboto et est conçue pour une internationalisation visuellement harmonieuse.

Grille de composition et référence de référence

Le maintien de l'échelle et du rythme vertical basé sur une grille de 4 dp aide à la cohérence et à la hiérarchie visuelle.

L'échelle d'Android Automotive OS est conçue pour prendre en charge les incréments de taille de police de 4 dp.

Conseils et exemples

Appliquer l'échelle et le style à vos choix typographiques peut vous aider à:

• Veillez à ce que tout le texte soit lisible.
• Transmettre une hiérarchie visuelle entre les éléments textuels
• Concentrer l'attention aux endroits les plus importants

Chaque style se compose d'un ensemble de valeurs définies par l'échelle et d'attributs supplémentaires. Ces attributs incluent les valeurs d'épaisseur, de couleur et d'opacité de la police. Vous pouvez les ajouter à n'importe quelle taille de type pour créer l'effet souhaité, comme attirer l'attention.

Dans cet exemple, le style de titre est constitué de l'échelle du corps 1 (qui définit la taille de la police et la hauteur de la ligne) modifiée par des attributs supplémentaires de couleur, d'opacité et d'épaisseur.

Exemples

a. Corps 3
b. Corps 2
c. Corps 1

a. Écran 2
b. Corps 1
c. Corps 1

À faire

Utilisez l'épaisseur de police moyenne avec parcimonie. Enregistrez-le pour l'utiliser lorsque vous devez mettre en valeur le texte principal ou actif, comme l'onglet "Récents" dans cet exemple, ou pour établir une hiérarchie visuelle.

À ne pas faire

L'épaisseur de police en gras (s'applique à tout le texte de cet exemple) est moins lisible que l'épaisseur moyenne et doit être évitée.