Các nguyên tắc sau đây đề cập đến những lỗi thiết kế thường gặp khi tạo hoặc chỉnh sửa kiểu bản đồ. Google khuyên bạn nên tham khảo ý kiến của nhà thiết kế đồ hoạ để tập hợp và xem xét thiết kế của bạn.
Đảm bảo có đủ độ tương phản về màu sắc: Độ tương phản giúp văn bản dễ đọc và giúp phân biệt một số đối tượng trên bản đồ. Để biết thông tin chi tiết, hãy xem phần Chọn màu tô và màu nét tương phản.
Kiểm tra các mức thu phóng khác nhau: Kiểm thử để đảm bảo các phần tử kiểu của bạn trông đẹp ở nhiều mức thu phóng.
Tránh dùng những tổ hợp màu sắc được biết là gây vấn đề cho người dùng bị mù màu: Đảm bảo thiết kế của bạn phù hợp với những người bị mù màu.
Kiểm tra Chế độ ban đêm: Đối với các thiết kế dành cho thiết bị di động, hãy đảm bảo thiết kế của bạn hoạt động với Chế độ ban đêm.
Chọn màu tô và màu nét tương phản
Đảm bảo có đủ độ tương phản giữa màu tô và màu nét để đảm bảo các đối tượng trên bản đồ của bạn có thể phân biệt được với nền và với các đối tượng tương tự trên bản đồ.
Đa giác cho một đường kẻ: Chọn màu tương phản để thể hiện chi tiết trên một đường kẻ. Ví dụ: đường đi là đường nét đứt và nếu màu sắc không có đủ độ tương phản, thì đường đi sẽ trông giống như một đường liền nét. Đường cao tốc được đánh dấu viền ở các cạnh ngoài, vì vậy, nếu không có độ tương phản, đường cao tốc có thể trông như đường liền nét và do đó có thể bị nhầm lẫn với các loại đường khác.
Đa giác cho một hình dạng: Độ tương phản giúp bạn nhìn thấy đường viền giữa các đa giác nằm cạnh nhau.
Nét chữ và màu nền: Đối với văn bản, nét chữ là màu đường viền, giúp văn bản dễ đọc hơn trên nền có màu. Nếu màu nét vẽ quá giống với màu tô, thì phông chữ của bạn cũng có thể xuất hiện mờ hoặc không rõ nét.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2025-07-16 UTC."],[[["These guidelines provide recommendations for designing or editing map styles, emphasizing color contrast, zoom level considerations, and colorblind-friendly design."],["It is crucial to ensure sufficient contrast between fill and stroke colors for clear visibility of lines, shapes, and text on the map."],["Testing the map style at various zoom levels is important to guarantee visual appeal and functionality across different scales."],["Color choices should consider the needs of colorblind users to ensure usability for all."],["Mobile map designs should be verified in Night mode to ensure compatibility and readability in low-light conditions."]]],["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"]]