Spesifikasi desain ikon Google Play

Aplikasi & Game di Google Play mengadopsi sistem ikon baru untuk lebih menyesuaikan berbagai ilustrasi developer dengan beragam tata letak UI, faktor bentuk, dan perangkat Google Play, serta untuk memberikan tampilan yang lebih rapi dan konsisten di Google Play.

Bentuk yang seragam akan memberikan visual yang lebih menarik dan mudah dicerna. Hal ini membantu pengguna berfokus bukan pada bentuk, melainkan ilustrasinya. Masalah perataan akibat adanya ruang kosong di sana sini juga dapat diatasi, sehingga tersedia tempat yang lebih baik untuk menampilkan berbagai informasi, seperti judul, rating, dan harga.

Bentuk bebas - format asli
Bentuk seragam - format baru

Halaman ini menjelaskan pedoman yang perlu dipatuhi dalam membuat aset untuk listingan aplikasi di Google Play. Misalnya, karena Google Play secara dinamis menerapkan sudut lengkung dan efek drop shadow ke ikon aplikasi, sebaiknya hapus setelan ini dari aset asli.

Penting: Jika Anda tertarik mempelajari lebih lanjut cara membuat ikon peluncur APK (terpisah dari ikon Google Play yang dijelaskan pada halaman ini), lihat referensi di bawah ini:

  • Ikon Adaptif Android
    Ikuti pedoman ikon APK ini untuk mempelajari cara membuat ikon peluncur adaptif yang diperkenalkan di Android 8.0 (API level 26).
  • Ikon produk
    Temukan prinsip-prinsip Desain Material untuk ikon produk, termasuk pedoman desain ikon, bentuk, spesifikasi, dan perlakuannya.

Membuat aset

Bagian ini menjelaskan beberapa pedoman yang harus dipatuhi saat membuat aset visual untuk aplikasi di Google Play.

Atribut

Gambar ikon dapat mengisi seluruh ruang aset, atau Anda dapat mendesain dan menempatkan elemen ilustrasi seperti logo, pada petak keyline. Saat menempatkan ilustrasi, gunakan keyline hanya sebagai pedoman, bukan aturan yang wajib diikuti.

Saat membuat ilustrasi, pastikan Anda memenuhi kriteria berikut:

  • Ukuran akhir: 512 x 512 piksel
  • Format: PNG 32-bit
  • Ruang warna: sRGB
  • Ukuran file maksimal: 1024 KB
  • Bentuk: Persegi penuh - Google Play akan secara dinamis menangani masking. Radius akan setara dengan 20% dari ukuran ikon.
  • Bayangan: Tidak ada - Google Play akan secara dinamis menangani efek bayangan. Lihat bagian 'Bayangan' di bawah ini untuk menerapkan efek bayangan dalam ilustrasi
Ukuran total aset
Keyline ikon produk

Setelah aset diupload, Google Play akan secara dinamis menerapkan mask lengkung dan efek bayangan untuk memastikan tampilan yang konsisten di semua ikon aplikasi/game.

Aset ikon baru berada di sebelah kiri. Tiga gambar berikutnya di sebelah kanan menunjukkan pemrosesan ikon dinamis oleh Google Play.

Pengaturan ukuran

Manfaatkan keseluruhan ruang aset sebagai latar belakang saat menangani ilustrasi minimalis.

Gunakan keyline sebagai panduan untuk menempatkan elemen ilustrasi (yakni logo).

Ilustrasi menyeluruh Anda (aset akhir)
Hasil akhir dengan efek bayangan dan sudut lengkung diterapkan secara dinamis oleh Google Play

Jangan paksakan logo atau ilustrasi untuk memenuhi keseluruhan ruang aset. Sebagai gantinya, gunakan petak keyline.

Jangan paksakan transformasi brand & ilustrasi yang signifikan untuk memenuhi ruang aset
Posisikan ilustrasi ikon sesuai keyline

Ilustrasi biasanya pas untuk memenuhi seluruh ruang aset ikon (full bleed).

Jangan perkecil ilustrasi sesuai keyline
Manfaatkan keseluruhan ruang aset agar ilustrasi Anda menutupi ikon

Ini adalah contoh elemen ikon yang menyesatkan pengguna dan melanggar kebijakan Developer Play. Hindari semua praktik berikut, dan baca kebijakan metadata Google Play serta kebijakan instal, ulasan, dan penilaian pengguna untuk panduan lebih lanjut.

Jangan gunakan teks atau elemen grafis untuk menunjukkan peringkat
Jangan gunakan teks atau elemen grafis untuk mempromosikan transaksi atau mendorong penginstalan
Jangan gunakan teks atau elemen grafis untuk menunjukkan partisipasi dalam program Google Play
Jangan gunakan teks atau elemen grafis yang dapat menyesatkan pengguna

Bayangan

Google Play akan secara dinamis menambahkan efek drop shadow di sekitar ikon akhir setelah diupload.

Saat menambahkan bayangan di dalam ilustrasi ikon, pertimbangkan konsistensinya terhadap platform Android dengan mengikuti pedoman Material Google.

Jangan tambahkan drop shadow ke aset akhir Anda
Anda dapat menambahkan efek bayangan dan pencahayaan di dalam ilustrasi

Radius sudut

Google Play secara dinamis menerapkan radius sudut. Hal ini akan memastikan tampilan yang konsisten saat ikon diubah ukurannya di berbagai tata letak UI. Radius akan setara dengan 20% dari ukuran ikon.

Jangan lengkungkan bagian tepi aset akhir Anda
Penuhi aset Anda dengan ilustrasi jika memungkinkan

Adaptasi merek

Jika bentuk adalah bagian penting dari sebuah logo, jangan paksa ilustrasi untuk memenuhi ruang aset. Sebagai gantinya, tempatkan di petak keyline baru.

Dari kiri ke kanan: aset ikon asli, aset ikon baru (adaptasi yang direkomendasikan), ikon baru yang dirender di Google Play.

Jika memungkinkan, pilih warna latar belakang aset yang sesuai untuk brand Anda, dan jangan sertakan transparansi apa pun. Aset transparan akan menampilkan warna latar belakang UI Google Play.

Dari kiri ke kanan: aset ikon asli, aset ikon baru (adaptasi yang direkomendasikan), ikon baru yang dirender di Google Play.

Jika tidak ada bentuk di sekeliling logo yang merupakan ciri khas, tempatkan ilustrasi di latar belakang full bleed.

Dari kiri ke kanan: aset ikon asli, aset ikon baru (adaptasi yang direkomendasikan), ikon baru yang dirender di Google Play.

Jika ilustrasi cukup fleksibel, pertimbangkan untuk mengubahnya guna memanfaatkan ukuran aset sepenuhnya. Jika tidak memungkinkan, kembalikan posisi logo pada petak keyline.

Dari kiri ke kanan: aset ikon asli, aset ikon baru (adaptasi yang direkomendasikan), ikon baru yang dirender di Google Play.

Mode lama

Aset ikon asli yang belum diupdate sesuai spesifikasi baru pada akhirnya akan dimigrasi ke mode lama dan diperkecil 75% sesuai ukuran petak keyline (512 x 0,75 = 384 px).

Per Mei 2019, mengupload ikon sesuai spesifikasi asli tidak akan lagi diizinkan. Lihat detail lebih lanjut di linimasa.

Aset ikon asli akan otomatis diubah menjadi aset mode lama dan diperkecil 75% sesuai petak keyline baru.

Petunjuk untuk pengguna API

Tanggal migrasi sedikit berbeda untuk pengguna API, yakni sebelum 24 Juni 2019, tetapi memiliki hasil akhir yang sama dengan memigrasikan semua ikon ke spesifikasi baru atau "mode lama".

Sebelum 17 Juni 2019, developer harus menggunakan Konsol Play untuk menerapkan spesifikasi baru ke ikonnya. Semua panggilan ke Edits.images: upload akan menerapkan spesifikasi apa pun yang dikonfigurasi di Konsol Play. Tidak ada cara lain untuk menerapkan spesifikasi baru melalui API. Panggilan Edits.images: upload mungkin error jika spesifikasi lama masih diterapkan, dan pesan error untuk ikon spesifik tersebut akan mengarahkan Anda ke spesifikasi ini. Setelah menerapkan spesifikasi baru menggunakan Konsol Play, Anda dapat mencoba lagi panggilan Edits.images: upload. Anda mungkin perlu mencoba lagi panggilan tersebut beberapa kali sebelum berhasil.

Mulai 17 Juni 2019, semua panggilan API ke Edits.images: upload akan otomatis menerapkan spesifikasi baru ke ikon. Setelah 17 Juni 2019, Anda hanya boleh mengupload ikon yang kompatibel dengan spesifikasi baru.

Mendownload referensi & template desain

Untuk memulai, download salah satu template aset yang disediakan berikut: