Elenco di controllo per il design
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Le seguenti linee guida riguardano le insidie comuni
di progettazione durante la creazione o la modifica di uno stile della mappa. Google consiglia
di consultare anche un grafico per assemblare ed esaminare il tuo progetto.
Assicurati che il contrasto di colore sia sufficiente: il contrasto aiuta a mantenere il testo leggibile e a distinguere alcune funzionalità della mappa. Per maggiori dettagli, vedi
Scegliere colori di riempimento e tratto a contrasto.
Controlla diversi livelli di zoom: verifica che gli elementi di stile abbiano un bell'aspetto a
diversi livelli di zoom.
Evita combinazioni di colori note per essere problematiche per gli utenti daltonici:
assicurati che il tuo design sia utilizzabile dalle persone daltoniche.
Controlla la modalità notturna: per i design mobile, assicurati che il design funzioni con la modalità notturna.
Scegliere colori di riempimento e tratto a contrasto
Assicurati che il contrasto tra i colori di riempimento e tratto sia sufficiente per distinguere
gli elementi della mappa dallo sfondo e da elementi simili.
Poligoni per una linea: scegli colori a contrasto per mostrare i dettagli di una linea. Ad esempio, le tracce sono linee tratteggiate e se i colori non
hanno un contrasto sufficiente, sembrano una linea continua. Le autostrade sono delineate sui bordi esterni, quindi senza contrasto potrebbero apparire solide e quindi potrebbero essere confuse con altri tipi di strade.
Poligoni per una forma: il contrasto ti aiuta a vedere i bordi tra i poligoni adiacenti.
Tratto e riempimento del testo: per il testo, il tratto è il colore del contorno, che
aiuta a rendere il testo leggibile rispetto ai colori di sfondo. Se il colore del tratto
è troppo simile al colore di riempimento, i caratteri potrebbero apparire sfocati o
fuoco.
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-08-31 UTC.
[null,null,["Ultimo aggiornamento 2025-08-31 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."]]
