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