Une fois que vous avez déterminé les séquences de modèles pour la tâche de votre application, vous pouvez personnaliser le contenu de chaque modèle et une partie du style de votre application.
Pour en savoir plus sur les aspects de la conception visuelle que vous pouvez personnaliser, consultez la section Personnalisation de l'interface visuelle, qui inclut des exemples de personnalisation d'application. Pour les versions AAOS de votre application, sachez que les OEM peuvent ajuster le style à leurs véhicules, comme indiqué dans les exemples de personnalisation des OEM de véhicule.
Pour en savoir plus sur les options de personnalisation de modèles spécifiques, consultez la section Modèles.
Personnalisation de l'aspect visuel
Alors que la bibliothèque d'applications détermine les mises en page et le style par défaut des modèles, les concepteurs d'applications et les OEM de véhicules contribuent tous deux aux aspects personnalisés de la conception visuelle.
Aspect de l'interface utilisateur | Ce que la bibliothèque détermine | Ce que les applications déterminent ou personnalisent | Quels véhicules OEM peuvent personnaliser |
---|---|---|---|
Images et iconographie | Iconographie des éléments standards, comme le bouton "Retour" et l'icône de chargement | Les applications fournissent toutes les images et l'iconographie (voir les icônes Material et les spécifications des icônes Google Play), sauf indication contraire sur la gauche. | |
Mise en page, dimensionnement et formes | Mise en page par défaut, ainsi que la taille et la forme de tous les éléments (les valeurs par défaut sont standards dans la version Android Auto de l'application) |
|
Ajustements de la taille, de la forme, de l'emplacement des boutons et des proportions des éléments du modèle dans les versions AAOS de l'application (ou par exemple, dimensionnement exact des images et icônes dans les véhicules de grande et petite taille) |
Typographie et longueur du texte | Famille et taille de police dans la version Android Auto de l'application (voir Typographie) | Variantes de chaînes de texte plus longues et plus courtes, dans certains cas, pour s'adapter à différents espaces sur les différents écrans de voiture | Famille et taille de police dans les versions AAOS de l'application |
Couleur | Couleurs par défaut dans la version Android Auto de l'application (à l'exception de celles fournies par les applications, indiquées à droite) | Couleurs des repères de la liste de lieux, de certains éléments de texte et de certaines couleurs d'arrière-plan (pour en savoir plus, consultez la section suivante, Personnalisation des couleurs). | Ajustements des couleurs par défaut et fournies par l'appli pour se fondre avec les UI des véhicules dans les versions AAOS de l'appli |
Personnalisation des couleurs
Les applications peuvent fournir des couleurs pour les éléments de certains modèles, comme indiqué dans la liste suivante. Pour les versions AAOS de votre application, les OEM de véhicules peuvent effectuer certains ajustements.
Les applications peuvent personnaliser:
- Couleur du texte dans la ligne secondaire des lignes de la liste (le constructeur automobile contrôle la couleur de la ligne principale pour AAOS)
- Couleur du texte du bouton
- Couleurs d'arrière-plan des boutons (sauf sur la bande d'actions et la bande d'actions de la carte)
- Couleurs du repère de la liste de lieux
- Éléments de la carte de routage: couleur d'arrière-plan, images et couleur de la valeur de la durée dans l'estimation du trajet (conformément aux exigences du modèle de navigation)
- Notifications de navigation détaillée (couleur d'arrière-plan)
Vous trouverez des exemples de composants de modèle personnalisés dans les exemples de personnalisation d'applications et dans les exemples de personnalisation d'OEM de véhicule.
Choisir les couleurs de votre application
Pour la plupart des styles personnalisés (à l'exception des exceptions mentionnées dans la section précédente), les options de couleur suivantes sont disponibles pour les applications:
- Fournissez jusqu'à deux couleurs d'accentuation personnalisées (avec des variantes claires et sombres, à appliquer le cas échéant par Android Auto ou par les OEM des véhicules pour les versions AAOS des applications).
- Choisissez l'une des quatre couleurs standards d'Android for Cars (versions actuelles affichées à droite, qui sont susceptibles de changer à l'avenir).
Couleurs standards | Exemples de couleurs d'accentuation |
---|---|
![]() |
![]() |
L'utilisation judicieuse de la couleur aide à cibler l'intention d'une conception. Soyez prudent lorsque vous utilisez des couleurs lorsqu'elles ne servent pas à une fonction.
Exemples de personnalisation d'applications
Exemples de personnalisation de l'OEM
Ces exemples présentent des personnalisations de style supplémentaires qu'un OEM de véhicule peut appliquer à la version AAOS d'une application. Alors que la couleur de la carte de routage provient de l'application, les OEM du véhicule personnalisent les polices, la thématisation et les formes de la carte d'itinéraire, des boutons et de la carte d'heure d'arrivée prévue. Ils peuvent également ajuster la largeur des boutons, comme indiqué dans la section Personnaliser les boutons ci-dessous.
Vue de navigation "Journée"
![Exemple de personnalisation de l'OEM pour la navigation pendant la journée](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-daytime-navigation.png?authuser=0000&hl=fr)
Vue Navigation de nuit
![Exemple de personnalisation OEM pour la navigation de nuit](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/images/oem-nighttime-navigation.png?authuser=0000&hl=fr)
Personnaliser la largeur, la couleur et la forme des boutons
Ces exemples montrent comment les OEM peuvent personnaliser la largeur, la couleur et la forme des boutons dans la version AAOS d'une application.
Pour le bouton désigné par l'application comme bouton principal, les OEM peuvent décider d'utiliser une couleur d'accentuation de l'application ou leur propre couleur d'accentuation. Ils peuvent également choisir de placer le bouton principal à gauche ou à droite, pour répondre à des situations telles que les véhicules à conduite à droite.
Bouton principal à gauche, couleurs standards | Bouton principal à droite, couleurs personnalisées |
---|---|
![]() |
![]() |