Les écrans de télévision étant généralement regardés à distance, les interfaces qui utilisent une typographie plus grande sont plus lisibles et plus confortables pour les utilisateurs. L'échelle de typographie par défaut de TV Design inclut des styles de typographie contrastés et flexibles pour prendre en charge un large éventail de cas d'utilisation.
Sélection
- Privilégiez une typographie plus grande pour une expérience de visionnage plus confortable sur les écrans de télévision.
- La police Android TV par défaut est Roboto.
- Choisissez des polices distinctes et lisibles qui reflètent le mieux le style de votre marque.
- Assurez-vous que les polices sont lisibles en un coup d'œil, avec une largeur et une taille optique appropriées.
- Associez des polices complémentaires. Par exemple, utilisez une police sans empattement pour le corps du texte et les libellés.
- Pour une lisibilité optimale, évitez les polices décoratives.
Polices
Typographies par défaut
Android TV possède sa propre typographie système, Roboto, qui est optimisée pour la lisibilité et la clarté. Utilisez Roboto pour un élément d'interface utilisateur utilitaire et non associé à une marque, qui est mieux adapté à l'expérience de plate-forme native.
Typographies distinctes
Si nécessaire, utilisez une police distinctive qui reflète le style de votre marque. Voici les principaux éléments à prendre en compte lorsque vous choisissez une police :
- Lisibilité : pour une meilleure lisibilité à distance, utilisez des polices avec de grands contre-poinçons et une taille optique adaptée. Assurez-vous que les lettres sont bien distinctes les unes des autres.
- Lisibilité en un coup d'œil : tout texte affiché sur un téléviseur doit avoir une largeur de police lisible, car les lignes plus fines ne sont pas immédiatement reconnaissables.
- Associez des polices complémentaires : si vous souhaitez utiliser plusieurs polices, utilisez une police sans serif pour le corps du texte et les libellés.
- Si possible, évitez les polices décoratives. Bien que les tailles de police sur le téléviseur soient plus grandes que sur les autres tailles d'écran, la lisibilité du texte de l'UI est la priorité. Évitez les polices qui ne peuvent pas servir de corps de texte.
Échelle typographique
Une échelle de type est une sélection de styles de police pouvant être utilisés dans une application. Elle garantit un style flexible, mais cohérent, qui s'adapte à différents usages. L'échelle typographique TV Design se compose de 15 styles, chacun ayant une application et une signification particulières. Ils sont attribués en fonction de leur utilisation, par exemple "affichage" ou "titre", et sont regroupés dans des catégories en fonction de leur échelle (grande ou petite). L'échelle typographique par défaut de TV Design utilise Roboto pour tous les titres, libellés et corps de texte afin de créer une expérience typographique unifiée.
Pour en savoir plus sur les jetons de typographie et la personnalisation des polices, consultez Material Design 3.
Saisir des rôles
Écran
L'échelle typographique par défaut comporte trois styles d'affichage : grand, moyen et petit. S'agissant des éléments textuels les plus grands à l'écran, les styles "large display" sont réservés aux passages de texte ou aux chiffres courts et importants. Elles peuvent être utilisées pour le titre principal de l'écran. N'utilisez pas de styles d'affichage de grande taille pour les titres de sections ou de clusters.
Headline
Les titres principaux sont particulièrement adaptés aux textes courts à forte intensité. Ces styles permettent d'introduire des passages principaux du texte ou des zones de contenu importantes. Elles sont utilisées pour les titres des carrousels mis en avant et des clusters immersifs. Les titres peuvent également utiliser des typographies expressives, à condition que la hauteur de ligne et l'espacement des lettres appropriés contribuent à maintenir la lisibilité.
Titre
Les styles de titre sont plus petits que les styles de titre principal. Utilisez des titres pour les textes brefs d'accentuation moyenne. Par exemple, pensez à utiliser des titres pour diviser les passages de texte secondaires ou les régions de contenu secondaires.
Utilisez des titres pour les éléments d'interface utilisateur tels que les cartes ou les listes. Les titres sont compacts, tout en offrant un niveau de visibilité et de lisibilité utile.
Corps
Les styles de corps sont utilisés pour les passages de texte plus longs dans votre application. Utilisez des typographies lisibles dans les petites tailles et qui peuvent être lues confortablement dans les passages plus longs. Évitez les polices décoratives pour le corps du texte, car elles peuvent être difficiles à lire de loin.
Label
Les styles de libellé sont plus petits et fonctionnels. Ils sont utilisés pour le texte à l'intérieur des composants ou pour le texte de taille réduite dans le corps du contenu, comme les sous-titres. Les boutons, par exemple, utilisent le style de libellé "large".