Hướng dẫn này mô tả cách Google sử dụng thương hiệu và hình ảnh của bạn để tạo điều kiện tích hợp với ứng dụng Micromobility. Hướng dẫn này cũng cung cấp các quy cách bắt buộc liên quan và các thông tin chi tiết khác.
Quy cách biểu tượng biểu trưng
Khi Google Maps dành cho thiết bị di động (GMM) hiển thị kết quả chỉ đường, ứng dụng này sẽ sử dụng biểu trưng của ứng dụng để xác định dịch vụ của bạn trên giao diện người dùng. Bạn phải cung cấp cho Google một biểu tượng cho biểu trưng của sản phẩm và tuân thủ các quy cách sau:
- Biểu tượng biểu trưng phải là hình ảnh SVG 1.1 có kích thước 612x612 pixel.
- Biểu tượng dùng trong biểu trưng phải có thể nhận dạng bằng mắt thường ở cả chế độ giao diện sáng và tối của Google Maps. Hình 1 minh hoạ nguyên tắc này.
- Biểu tượng logo phải tránh các tổ hợp màu có thể gây trở ngại cho chính giao diện GMM. Hình 2 minh hoạ nguyên tắc này.
- Biểu tượng phải có nền trong suốt.
- Hình ảnh biểu tượng phải có các góc bo tròn với bán kính 76 pixel hoặc có hình tròn.
- Vì không được hỗ trợ thẻ
<style>, nên bạn phải sử dụng các kiểu nội tuyến khi cần. - Không phải tính năng nào của SVG cũng được hỗ trợ cho biểu tượng sản phẩm. Để biết thêm thông tin, hãy tham khảo MetroSVG.
Quy cách về biểu tượng xe
Micromobility cung cấp lựa chọn cho phép người dùng sản phẩm micromobility của bạn nhìn thấy các phương tiện không có giá đỡ đang hoạt động ở gần. Hãy nhớ cung cấp cho Google biểu tượng xe cho sản phẩm và tuân thủ các quy cách sau:
- Biểu tượng xe phải là hình ảnh PNG có kích thước 120x120 pixel.
- Biểu tượng xe phải có thể nhận dạng bằng hình ảnh ở cả chế độ giao diện sáng và tối của GMM. Hình 1 minh hoạ nguyên tắc này.
- Biểu tượng xe phải tránh những tổ hợp màu có thể gây trở ngại cho chính giao diện GMM. Hình 2 minh hoạ nguyên tắc này.
- Xe phải xuất hiện trên một vòng tròn có màu đồng nhất và nền trong suốt, như minh hoạ trong hình 1.
- Xe phải được đặt ở giữa và hướng theo chiều ngang như thể đang ở trên mặt đất.
- Bạn phải nhận ra và xác định được loại xe, chẳng hạn như Xe đạp, Xe đạp điện hoặc Xe tay ga điện.
Các phương pháp hay nhất để hiển thị biểu tượng
Để mang lại trải nghiệm tuyệt vời cho người dùng, hãy đảm bảo rằng bạn cung cấp cho Google những hình ảnh thể hiện thương hiệu và phản ánh bảng màu của thương hiệu hoặc sản phẩm.
Vì những biểu tượng này xuất hiện trên màn hình có nhiều kích thước và độ phân giải khác nhau, nên bạn cần sử dụng các biểu tượng rõ ràng và nổi bật trong GMM. Ví dụ sau đây cho thấy cách một biểu tượng có thể trông đẹp ở độ phân giải cao nhưng trở nên bị vỡ hạt và khó đọc ở độ phân giải thấp hơn:
Hình 3. Biểu tượng có độ hiển thị kém trên thiết bị di động.
Để đảm bảo biểu tượng của bạn hiển thị rõ ràng ở mọi tỷ lệ, hãy sử dụng văn bản hoặc biểu tượng rõ ràng, đậm nét và có giới hạn cùng với biểu tượng. Hãy nhớ kiểm tra khả năng hiển thị của biểu tượng ở nhiều kích thước trước khi cung cấp cho Google. Ví dụ sau đây đáp ứng các tiêu chí này:
Hình 4. Một biểu tượng có thể điều chỉnh kích thước phù hợp cho thiết bị di động.
GMM cho phép người dùng chọn giao diện sáng hoặc tối, hoặc họ có thể sử dụng cùng một giao diện với thiết bị của mình. Bạn nên kiểm thử biểu tượng với nhiều màu nền, như minh hoạ trong các ví dụ sau:
Hình 5. Một biểu tượng hiển thị tốt trên cả nền sáng và tối.
Bạn cũng nên tránh dùng những màu sắc hoặc độ trong suốt có thể ảnh hưởng đến chính giao diện GMM. Các hình ảnh sau đây minh hoạ ví dụ về những cách làm không phù hợp này:
Hình 6. Một biểu tượng hiển thị rõ trên nền sáng nhưng khó nhìn thấy trên nền tối.
Hình 7. Biểu tượng có độ trong suốt khó nhìn thấy trên nền tối.