Danh sách kiểm tra thiết kế

Chọn nền tảng: Android iOS JavaScript Dịch vụ web

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 cũng 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 mình.

  • Đả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ố tính năng trên bản đồ. Để biết thông tin chi tiết, hãy xem bài viết Chọn màu nền 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 thành phần trong kiểu của bạn trông đẹp ở nhiều mức thu phóng.

  • Tránh các tổ hợp màu đượ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 có thể dùng được cho 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 nền và màu nét tương phản

Đảm bảo có đủ độ tương phản giữa màu nền và màu nét để đảm bảo các tính nă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 tính năng tương tự trên bản đồ.

  • Đa giác cho một đường thẳng: Chọn các màu tương phản để thể hiện chi tiết trên một đường thẳng. Ví dụ: đường mòn là đường nét đứt và nếu các màu không có đủ độ tương phản, thì đường mòn sẽ trông giống như một đường thẳng liền nét. Đường cao tốc được 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 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 và nền văn bản: Đối với văn bản, nét là màu đường viền, giúp văn bản dễ đọc trên nền màu. Nếu màu nét quá giống với màu nền, thì phông chữ của bạn cũng có thể bị mờ hoặc không rõ nét.