设计核对清单
以下指南用于解决创建或修改地图样式时的常见设计问题。另外,Google 建议您在组合和审核您的设计时,征求图形设计师的意见。
确保具有足够的色彩对比度:选用合适的色彩对比度,可确保文本清晰易读,并让特定的地图项更加醒目。如需了解详情,请参阅选择对比鲜明的填充颜色和描边颜色。
检查不同的缩放级别:测试您的样式元素在各个缩放级别下是否都有良好的显示效果。
避免使用已知会对色盲用户造成困扰的色彩组合:确保您的设计能让色盲用户顺利使用地图。
检查夜间模式:对于移动端,请确保您的设计支持夜间模式。
选择对比鲜明的填充颜色和描边颜色
确保填充颜色和描边颜色之间具有足够的对比度,以避免地图项与背景融为一体,或是与类似的地图项混淆。
以多边形来表示线条:选择对比足够明显的颜色,以清楚呈现线条上的细节。例如,小路以虚线表示,但如果颜色对比不够明显,看起来就会像是实线。公路的外缘有轮廓线,如果对比不够明显,看起来就会像是实线,并可能会与其他道路类型混淆。
以多边形来表示形状:对比足够明显时,相邻多边形之间的边界更容易辨识。
文本的描边颜色和填充颜色:文本的描边颜色会套用轮廓颜色,以确保文字在背景颜色上清晰易读。如果描边颜色与填充颜色过于接近,字体可能就会模糊不清或失焦。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2025-02-28。
[null,null,["最后更新时间 (UTC):2025-02-28。"],[[["These guidelines provide design best practices for creating or editing map styles, emphasizing clear contrast, zoom level considerations, and colorblind-friendly choices."],["Ensuring sufficient contrast between fill and stroke colors is crucial for distinguishing map features, like lines and polygons, from the background and each other."],["Text readability is enhanced by using contrasting stroke and fill colors, preventing blurriness and ensuring clarity against various backgrounds."],["It is recommended to test map styles at different zoom levels and in Night mode (for mobile) to ensure consistent visual appeal and functionality."],["Consulting with a graphic designer is advisable for comprehensive design assembly and review, supplementing these technical guidelines with professional aesthetic guidance."]]],["Map style design guidelines recommend consulting a graphic designer. Key actions include ensuring sufficient color contrast between fill and stroke colors for readability and feature distinction, especially in lines, shapes, and text. Test designs at various zoom levels and consider colorblind users. For mobile, verify compatibility with Night mode. Contrast helps avoid issues like solid lines appearing instead of dotted lines or blurry text. Platforms for customization include Android, iOS, JavaScript, and Web Service.\n"]]