Spesifikasi desain ikon Google Play

Aplikasi & Game di Google Play mengadopsi sistem ikon baru agar dapat lebih menyesuaikan visual-visual yang diterapkan developer serta beragam layout UI, platform, dan perangkat Google Play, guna memberikan tampilan yang lebih bersih dan konsisten.

Bentuk yang seragam memberikan visual yang lebih menarik dan mudah dicerna. Keseragaman ini membantu pengguna untuk fokus pada visual aplikasi, bukannya bentuknya. Selan itu, isu perataan yang disebabkan oleh adanya kekosongan di sana sini juga dapat diatasi, sehingga tersedia peletakan yang lebih baik untuk berbagai informasi, seperti judul, rating, dan harga.

Bentuk bebas - format asli
Bentuk seragam - format baru

Halaman ini menjelaskan pedoman yang perlu Anda ikuti dalam membuat aset untuk listingan aplikasi Anda di Google Play. Misalnya, karena Google Play akan secara dinamis menerapkan sudut melengkung dan efek drop shadow ke ikon aplikasi Anda, maka sebaiknya Anda menghapus setelan ini dari aset asli Anda.

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

  • Ikon Adaptif Android
    Ikuti panduan 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 bagi ikon produk, termasuk pedoman desain ikon, bentuk, spesifikasi, dan perlakuannya.

Membuat Aset

Bagian ini menjelaskan beberapa pedoman yang perlu Anda ikuti saat membuat aset visual untuk aplikasi Anda di Google Play.

Atribut

Artwork ikon dapat mengisi seluruh ruang aset, atau Anda dapat mendesain dan memposisikan elemen artwork, seperti logo, sesuai kisi-kisi keyline. Saat memposisikan artwork Anda, gunakan keyline ini sebagai panduan saja, bukan aturan yang harus sangat diikuti.

Saat membuat artwork, harap pastikan artwork memenuhi kriteria berikut:

  • Ukuran akhir: 512 x 512 piksel
  • Format: PNG 32-bit
  • Ruang warna: sRGB
  • Ukuran maks file: 1024KB
  • Bentuk: Kotak penuh - Google Play akan secara dinamis menangani masking-nya. Radius akan setara dengan 20% dari ukuran ikon.
  • Shadow: Tidak ada - Google Play secara dinamis menangani efek shadow. Lihat bagian 'Shadow' di bawah ini jika Anda ingin menerapkan efek bayangan ke artwork Anda.
Ukuran total aset
Keyline ikon produk

Setelah aset diunggah, Google Play secara dinamis menerapkan masking melengkung dan efek shadow untuk memastikan tampilan yang konsisten di semua ikon aplikasi/game.

Di sebelah kiri adalah aset ikon baru Anda. Tiga gambar di sebelah kanan menunjukkan bagaimana Google Play akan secara dinamis memproses ikon.

Pengaturan ukuran

Manfaatkan keseluruhan ruang aset sebagai background saat membuat artwork bergaya minimalis.

Gunakan keyline sebagai panduan untuk memposisikan elemen artwork (mis. logo).

Artwork menyeluruh Anda (aset akhir)
Hasil akhir dengan efek shadow dan sudut melengkung diterapkan secara dinamis oleh Google Play

Jangan paksa logo atau artwork Anda memenuhi keseluruhan ruang aset. Sebagai gantinya, gunakan kisi-kisi keyline.

Hindari.
Jangan memaksakan transformasi brand & artwork untuk memenuhi ruang aset
Lakukan.
Posisikan artwork ikon sesuai keyline

Artwork gaya ilustrasi biasanya pas untuk memenuhi seluruh ruang aset ikon (full bleed)

Hindari.
Jangan perkecil artwork ilustrasi sesuai keyline
Lakukan.
Manfaatkan keseluruhan ruang aset agar artwork Anda menutupi ikon

Shadow

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

Saat menambahkan shadow di dalam artwork ikon Anda, pertimbangkan konsistensinya dengan platform Android dengan mengikuti pedoman Google Material.

Hindari.
Jangan tambahkan drop shadow ke aset akhir Anda
Lakukan.
Anda dapat menambahkan bayangan dan pencahayaan di dalam artwork

Radius sudut

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

Hindari.
Jangan melengkungkan pinggiran aset akhir Anda
Lakukan.
Penuhi aset Anda dengan artwork jika memungkinkan

Badge

Penambahan badge akan mengambil fokus dari artwork ikon Anda dan tidak tampak bagus saat ukuran ikon diperkecil.

Perhatian.
Hindari mengkomunikasikan promo pada artwork Anda
Perhatian.
Hindari menggunakan badge branding

Adaptasi merek

Jika bentuk adalah bagian penting dari sebuah logo, jangan paksa artwork untuk memenuhi ruang aset. Sebagai gantinya, posisikan di kisi-kisi keyline yang baru.

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

Jika memungkinkan, pilih warna latar belakang aset yang sesuai dengan merek Anda, dan jangan sertakan transparansi. 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 dihasilkan Google Play.

Jika tidak ada bentuk di sekeliling logo yang merupakan ciri khas, posisikan artwork Anda untuk memenuhi seluruh ruang aset.

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

Jika artwork Anda cukup fleksibel, pertimbangkan untuk mengubahnya agar dapat sepenuhnya memenuhi ukuran aset. Jika itu tidak memungkinkan, kembali posisikan logo pada kisi-kisi keyline.

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

Mode lama

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

Per Mei 2019, mengupload ikon sesuai spesifikasi lama tidak akan lagi diizinkan. Lihat detail lebih lanjut tentang jadwal perubahan.

Aset ikon asli akan secara otomatis diubah menjadi aset mode lama dan diperkecil 75% sesuai kisi-kisi keyline.

Download materi & template desain

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