Kiểu bản đồ dựa trên đám mây hiện có kiểu bản đồ được làm mới dành cho web và thiết bị di động. Bản cập nhật này để tạo kiểu bản đồ bao gồm một bảng màu mặc định mới và các cải tiến về trải nghiệm bản đồ cũng như khả năng hữu dụng. Để biết thêm thông tin, hãy xem bài viết Kiểu bản đồ mới cho Nền tảng Google Maps. Để bắt đầu sử dụng màu bản đồ mới với kiểu bản đồ dựa trên đám mây, hãy xem nội dung Cập nhật kiểu bản đồ lên phiên bản mới nhất.
Các nguyên tắc sau đây giải quyết các lỗi phổ biến về thiết kế khi tạo hoặc chỉnh sửa kiểu bả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 lại thiết kế của mình.
Đảm bảo có đủ độ tương phản màu: Độ 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 bản đồ nhất định. Để biết thông tin chi tiết, hãy xem phần 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 tra để đảm bảo rằng các phần tử kiểu của bạn trông đẹp ở các mức thu phóng khác nhau.
Tránh việc kết hợp màu sắc có thể gây ra vấn đề cho người dùng bị mù màu: Hãy đảm bảo rằng 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 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 vẽ để đảm bảo các đối tượng bản đồ của bạn dễ phân biệt với màu nền và với các tính năng tương tự của bản đồ.
Đa giác cho một đường kẻ: Chọn màu tương phản để hiển thị chi tiết trên một đường. Ví dụ: đường nhỏ là các đường chấm và nếu màu sắc không có đủ độ tương phản, chúng sẽ trông giống như một đường liền nét. Đường cao tốc được vẽ ở các cạnh bên ngoài, vì vậy, nếu không có sự tương phản, đường cao tốc có thể trông chắc chắn 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 cạnh nhau.
Nét vẽ và tô màu văn bản: Đối với văn bản, nét vẽ là màu đường viền, giúp văn bản có thể đọc được trên màu nền. Nếu màu nét vẽ quá giống với màu nền, phông chữ của bạn cũng có thể bị mờ hoặc không rõ nét.