設計檢查清單
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
請參閱下文指引說明,瞭解建立或編輯地圖樣式時,如何處理常見的設計問題。另外,Google 建議您在建構和檢查地圖設計時,徵詢平面設計師的意見。
確保顏色對比鮮明:選用對比鮮明的顏色,可確保文字清晰易讀,特定的地圖項目更加醒目。詳情請參閱「選用對比鮮明的填色與描邊顏色」。
檢查不同縮放等級下的效果:嘗試切換不同的縮放等級,確認您的樣式元素縮放成不同大小時,都能呈現良好效果。
避免使用會對色覺障礙者造成困擾的色彩組合:
確保色覺障礙者可使用您的設計。
檢查夜間模式下的效果:確保行動版設計可與夜間模式相容。
選用對比鮮明的填色與描邊顏色
確保填色與描邊顏色的對比鮮明,避免地圖項目與背景融為一體,或是與類似的地圖項目混淆。
以多邊形表示線條:選用對比鮮明的顏色,清楚呈現線條細節。舉例來說,步道/小徑以虛線表示,但如果顏色對比不夠鮮明,看起來就會像是實線。高速公路的外緣有輪廓線,如果對比不夠鮮明,看起來就會像是實線,且可能與其他道路類型混淆。
以多邊形表示形狀:對比鮮明,相鄰多邊形間的邊界就更容易辨識。
文字描邊和填色:文字描邊會套用您的外框顏色,確保文字在背景顏色襯托下仍清晰易讀。如果描邊與填滿顏色太過接近,文字可能就會模糊或失焦。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2025-08-27 (世界標準時間)。
[null,null,["上次更新時間: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."]]