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.
![Échelle de type](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-scale2.png?authuser=5&hl=fr)
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.
![mise à l'échelle sur une grille de 4 dp](https://developers.google.cn/cars/design/automotive-os/design-system/images/4dp-grid.png?authuser=5&hl=fr)
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.
![](https://developers.google.cn/cars/design/automotive-os/design-system/images/type-style.png?authuser=5&hl=fr)
Exemples
![Tailles de texte dans la typographie](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-1.png?authuser=5&hl=fr)
b. Corps 2
c. Corps 1
![Tailles de texte dans la typographie](https://developers.google.cn/cars/design/automotive-os/design-system/images/scale-example-2.png?authuser=5&hl=fr)
b. Corps 1
c. Corps 1
![La typographie à faire](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-do2.png?authuser=5&hl=fr)
À faire
![La typographie ne fonctionne pas](https://developers.google.cn/cars/design/automotive-os/design-system/images/typography-dont2.png?authuser=5&hl=fr)
À ne pas faire