Panduan ini menjelaskan cara Google menggunakan merek dan gambar Anda untuk memfasilitasi integrasi dengan aplikasi Mobilitas Mikro Anda. Panduan ini juga memberikan spesifikasi wajib terkait dan detail lainnya.
Spesifikasi ikon logo
Saat menampilkan hasil rute, Google Maps untuk Seluler (GMM) menggunakan logo aplikasi Anda untuk mengidentifikasi layanan Anda di UI. Anda harus memberikan satu ikon kepada Google untuk logo produk dan mematuhi spesifikasi berikut:
- Ikon logo harus berupa gambar SVG 1.1 berukuran 612x612 piksel.
- Ikon logo harus dapat diidentifikasi secara visual pada mode antarmuka GMM terang dan gelap. Gambar 1 mengilustrasikan prinsip ini.
- Ikon logo harus menghindari kombinasi warna yang dapat mengganggu antarmuka GMM itu sendiri. Gambar 2 mengilustrasikan prinsip ini.
- Ikon harus memiliki latar belakang transparan.
- Gambar ikon harus memiliki sudut membulat dengan radius 76 piksel atau memiliki bentuk lingkaran.
- Karena tag
<style>tidak didukung, Anda harus menggunakan gaya inline sesuai kebutuhan. - Tidak semua fitur SVG didukung untuk ikon produk. Untuk mengetahui detail selengkapnya, lihat MetroSVG.
Spesifikasi ikon kendaraan
Mikromobilitas memberikan opsi agar kendaraan tanpa dok yang tersedia di sekitar dapat dilihat oleh pengguna produk mikromobilitas Anda. Pastikan untuk memberikan ikon kendaraan untuk produk kepada Google dan mematuhi spesifikasi berikut:
- Ikon kendaraan harus berupa gambar PNG berukuran 120x120 piksel.
- Ikon kendaraan harus dapat diidentifikasi secara visual pada mode antarmuka GMM terang dan gelap. Gambar 1 mengilustrasikan prinsip ini.
- Ikon kendaraan harus menghindari kombinasi warna yang dapat mengganggu antarmuka GMM itu sendiri. Gambar 2 mengilustrasikan prinsip ini.
- Kendaraan harus ditampilkan dalam lingkaran berwarna solid dengan latar belakang transparan, seperti yang ditunjukkan pada gambar 1.
- Kendaraan harus berada di tengah dan berorientasi horizontal seolah-olah berada di tanah.
- Jenis kendaraan harus dapat dikenali dan diidentifikasi, seperti Sepeda, eBike, atau eScooter.
Praktik terbaik untuk ikon yang ditampilkan
Untuk menciptakan pengalaman pengguna yang luar biasa, pastikan Anda memberikan gambar yang mengekspresikan branding Anda dan mencerminkan palet warna merek atau produk Anda kepada Google.
Karena ikon ini ditampilkan di layar dengan berbagai ukuran dan resolusi, penting untuk menggunakan ikon yang jelas dan tebal di GMM. Contoh berikut menunjukkan bagaimana ikon dapat terlihat bagus pada resolusi tinggi, tetapi menjadi berpiksel dan sulit dibaca pada resolusi yang lebih rendah:
Gambar 3. Ikon dengan visibilitas yang buruk di perangkat seluler.
Untuk memastikan visibilitas ikon Anda di semua skala, gunakan teks atau simbol yang terbatas, jelas, dan tebal dengan ikon. Pastikan untuk menguji visibilitas ikon pada berbagai ukuran sebelum Anda memberikannya kepada Google. Contoh berikut memenuhi kriteria ini:
Gambar 4. Ikon yang diskalakan dengan baik untuk perangkat seluler.
GMM memungkinkan pengguna memilih tema antarmuka terang atau gelap, atau mereka dapat menggunakan tema yang sama dengan perangkat mereka. Sebaiknya uji ikon Anda dengan berbagai warna latar belakang, seperti yang ditunjukkan dalam contoh berikut:
Gambar 5. Ikon yang ditampilkan dengan baik di latar belakang terang dan gelap.
Sebaiknya ikon Anda juga menghindari warna atau transparansi yang dapat mengganggu antarmuka GMM itu sendiri. Gambar berikut memberikan contoh praktik buruk ini:
Gambar 6. Ikon yang ditampilkan dengan baik di latar belakang terang, tetapi sulit
dilihat di latar belakang gelap.
Gambar 7. Ikon dengan transparansi yang sulit dilihat di latar belakang gelap.