Checklist de conception
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sélectionnez une plate-forme :
Android
iOS
JavaScript
Service Web
Les consignes suivantes traitent des pièges de conception courants lors de la création ou de la modification d'un style de carte. Google vous recommande également de consulter un graphiste pour assembler et vérifier votre conception.
Assurez-vous que le contraste des couleurs est suffisant : il permet de garder le texte lisible et de distinguer certains éléments cartographiques. Pour en savoir plus, consultez Choisir des couleurs de remplissage et de trait contrastées.
Vérifiez différents niveaux de zoom : vérifiez que vos éléments de style s'affichent correctement à différents niveaux de zoom.
Évitez les combinaisons de couleurs problématiques pour les utilisateurs daltoniens : assurez-vous que votre conception peut être utilisée par les personnes daltoniennes.
Vérifiez le mode Nuit : assurez-vous que les conceptions sur mobile fonctionnent avec le mode Nuit.
Choisir des couleurs de remplissage et de trait contrastées
Assurez-vous que le contraste entre les couleurs de remplissage et de trait est suffisant pour que les éléments cartographiques se distinguent de l'arrière-plan et des éléments cartographiques similaires.
Polygones pour une ligne : choisissez des couleurs qui contrastent pour montrer le détail de la ligne. Par exemple, les chemins sont des lignes en pointillés. Si les couleurs ne sont pas suffisamment contrastées, elles ressemblent à une ligne continue. Les autoroutes sont délimitées sur leurs bordures extérieures. Par conséquent, sans contraste, elles peuvent sembler pleines et peuvent donc être confondues avec d'autres types de routes.
Polygones pour une forme : le contraste vous aide à voir les bordures entre les polygones qui sont côte à côte.
Trait et remplissage du texte : pour le texte, le trait est la couleur du contour, ce qui permet de rendre le texte lisible par rapport aux couleurs d'arrière-plan. Si la couleur du trait est trop proche de la couleur de remplissage, vos polices peuvent également apparaître floues.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/27 (UTC).
[null,null,["Dernière mise à jour le 2025/08/27 (UTC)."],[],[],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization/design-resources \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization/design-resources \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization/design-resources \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization/design-resources \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\nThe following guidelines address common design\npitfalls when creating or editing a map style. Google recommends\nyou also consult with a graphic designer to assemble and review your design.\n\n- **Make sure there is enough color contrast** : Contrast helps keep the text\n readable and helps distinguish certain map features. For details, see\n [Choose contrasting fill and stroke colors](#contrast).\n\n- **Check different zoom levels**: Test that your style elements look good at\n different zoom levels.\n\n- **Avoid color combinations known to be problematic for colorblind users**:\n Make sure your design is usable for people who are colorblind.\n\n- **Check Night mode**: For mobile designs, make sure your design works with\n Night mode.\n\nChoose contrasting fill and stroke colors\n\nMake sure there is enough contrast between fill and stroke colors to make sure\nyour map features are distinguishable from the background and from similar map\nfeatures.\n\n- **Polygons for a line**: Choose colors that contrast to show the detail on\n a line. For example, trails are dotted lines, and if the colors don't\n have enough contrast, it looks like a solid line. Highways are outlined on\n the outer edges, so without contrast, they may look solid, and therefore\n could be confused with other road types.\n\n- **Polygons for a shape**: Contrast helps you see the borders between\n polygons that are next to each other.\n\n- **Text stroke and fill**: For text, the stroke is your outline color, which\n helps to make the text readable against background colors. If the stroke\n color is too similar to the fill color, your fonts may also appear blurry or\n out of focus."]]
