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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-freeform.png?authuser=6&hl=id)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-uniformed.png?authuser=6&hl=id)
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 karya seni, 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
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/attributes-size.png?authuser=6&hl=id)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/attributes-size-keylines.png?authuser=6&hl=id)
Setelah aset diupload, Google Play akan secara dinamis menerapkan mask lengkung dan efek bayangan untuk memastikan tampilan yang konsisten di semua ikon aplikasi/game.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/dynamic-process.png?authuser=6&hl=id)
Pengaturan ukuran
Manfaatkan keseluruhan ruang aset sebagai latar belakang saat menangani ilustrasi minimalis.
Gunakan keyline sebagai panduan untuk memposisikan elemen ilustrasi (yakni logo).
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-asset.png?authuser=6&hl=id)
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/rounded-corners-applied.png?authuser=6&hl=id)
Jangan memaksakan logo atau ilustrasi memenuhi keseluruhan ruang aset. Sebagai gantinya, gunakan petak keyline.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/full-space-dont.png?authuser=6&hl=id)
Salah
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/full-space-do.png?authuser=6&hl=id)
Benar
Gambar ilustrasi biasanya pas untuk memenuhi seluruh ruang aset ikon.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/illustration-full-bleed-dont.png?authuser=6&hl=id)
Salah
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/illustration-full-bleed-do.png?authuser=6&hl=id)
Benar
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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/ranking-dont.png?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/deals-dont.png?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/play-program-dont.png?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/mislead-users-dont.png?authuser=6&hl=id)
Larangan
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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/shadows-dont.png?authuser=6&hl=id)
Salah
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/shadows-do.png?authuser=6&hl=id)
Benar
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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/corner-radius-dont.png?authuser=6&hl=id)
Salah
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/corner-radius-do.png?authuser=6&hl=id)
Benar
Adaptasi merek
Jika bentuk adalah bagian penting dari sebuah logo, jangan paksa ilustrasi untuk memenuhi ruang aset. Sebagai gantinya, tempatkan di petak keyline baru.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-full-bleed.png?authuser=6&hl=id)
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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-background.png?authuser=6&hl=id)
Jika tidak ada bentuk di sekeliling logo yang merupakan ciri khas, tempatkan ilustrasi di latar belakang full bleed.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-shape.png?authuser=6&hl=id)
Jika ilustrasi cukup fleksibel, pertimbangkan untuk mengubahnya guna memanfaatkan ukuran aset sepenuhnya. Jika tidak memungkinkan, kembalikan posisi logo pada petak keyline.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/brand-adaptation-keyline.png?authuser=6&hl=id)
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.
![](https://developer.android.com/static/distribute/google-play/resources/icon-design-specifications/images/legacy-mode.png?authuser=6&hl=id)
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:
- Template Sketch (.sketch)
- Template Illustrator (.ai)
- Template Photoshop (.psd)