Tạo nhãn bản đồ rõ ràng và ngôn ngữ hình ảnh hữu ích

Kiểu chữ trên bản đồ tương tác phục vụ một nhiệm vụ chính: nhận dạng không gian nhanh chóng. Không giống như văn bản của nội dung biên tập, nhãn bản đồ phải dễ đọc trên nền hình ảnh phức tạp, nhiều màu sắc - từ bãi cỏ công viên xanh đến những con đường trải nhựa tối màu và các cửa kiến ​​trúc.

Sử dụng các kiểu chữ sans-serif hình học, rõ ràng (chẳng hạn như Inter, Roboto hoặc SF Pro) với độ đậm từ trung bình đến đậm. Tránh các phông chữ serif mỏng tinh tế biến mất trên màn hình có độ phân giải cao.

Luôn áp dụng một lớp nền tinh tế hoặc quầng văn bản (đường viền tương phản mềm mại). Một huy hiệu tối màu rõ ràng đằng sau văn bản màu trắng hoặc một viên màu trắng đằng sau văn bản tối đảm bảo 100% mức độ dễ đọc bất kể tác phẩm nghệ thuật nền nào nằm bên dưới.

Không phải tất cả các mục bản đồ đều được tạo ra như nhau. Quy hoạch tổng thể bao gồm các quận chính, tòa nhà phụ và các điểm tiện ích nhỏ.

Thiết lập thang kiểu chữ 3 tầng: Cấp 1 (Quận/Cánh) bằng văn bản in hoa đậm lớn 16-18px; Cấp 2 (Tòa nhà/Cửa hàng) ở dạng văn bản in đậm 13-14px; Cấp 3 (Tiện nghi/Nhà vệ sinh) ở dạng huy hiệu nhỏ gọn 11-12px có biểu tượng.

Layerpin cho phép bạn đặt khả năng hiển thị nhãn phụ thuộc vào mức thu phóng, đảm bảo các nhãn phòng nhỏ vẫn được ẩn ở chế độ xem toàn cảnh để tránh nhiễu hình ảnh và mờ dần một cách duyên dáng khi khách truy cập phóng to gần hơn.

Chú giải bản đồ là Rosetta Stone trực quan trong bố cục của bạn. Nó dịch màu ghim, biểu tượng danh mục và hình dạng của bạn thành ý nghĩa dễ hiểu.

Trong Layerpin, chú giải của bạn không phải là đồ họa tĩnh - nó là một điều khiển tương tác. Nhấp vào 'Nhà vệ sinh' trong chú giải sẽ lọc và đánh dấu tất cả các vị trí phòng vệ sinh trên khung vẽ.

Tuân theo nguyên tắc trợ năng của WCAG AA khi chọn màu danh mục. Đừng bao giờ chỉ dựa vào màu sắc để phân biệt các danh mục; luôn kết hợp màu sắc với hình dạng hoặc biểu tượng đặc biệt để những khách truy cập mù màu có thể hoàn toàn tự tin điều hướng.