设计核对清单
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
以下指南用于解决创建或修改地图样式时的常见设计问题。另外,Google 建议您在组合和审核您的设计时,征求图形设计师的意见。
确保具有足够的色彩对比度:选用合适的色彩对比度,可确保文本清晰易读,并让特定的地图项更加醒目。如需了解详情,请参阅选择对比鲜明的填充颜色和描边颜色。
检查不同的缩放级别:测试您的样式元素在各个缩放级别下是否都有良好的显示效果。
避免使用已知会对色盲用户造成困扰的色彩组合:确保您的设计能让色盲用户顺利使用地图。
检查夜间模式:对于移动端,请确保您的设计支持夜间模式。
选择对比鲜明的填充颜色和描边颜色
确保填充颜色和描边颜色之间具有足够的对比度,以避免地图项与背景融为一体,或是与类似的地图项混淆。
以多边形来表示线条:选择对比足够明显的颜色,以清楚呈现线条上的细节。例如,小路以虚线表示,但如果颜色对比不够明显,看起来就会像是实线。公路的外缘有轮廓线,如果对比不够明显,看起来就会像是实线,并可能会与其他道路类型混淆。
以多边形来表示形状:对比足够明显时,相邻多边形之间的边界更容易辨识。
文本的描边颜色和填充颜色:文本的描边颜色会套用轮廓颜色,以确保文字在背景颜色上清晰易读。如果描边颜色与填充颜色过于接近,字体可能就会模糊不清或失焦。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-08-27。
[null,null,["最后更新时间 (UTC):2025-08-27。"],[],[],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."]]