Ikon dialog ditampilkan dalam kotak dialog pop-up yang mendorong interaksi pengguna. Tema tersebut menggunakan gradien cahaya dan bayangan dalam agar menonjol dengan latar belakang gelap.
Seperti yang dijelaskan dalam Menyediakan Set Ikon Khusus Kepadatan, Anda harus membuat set ikon terpisah untuk layar berkepadatan rendah, sedang, dan tinggi. Hal ini memastikan ikon Anda akan ditampilkan dengan benar di berbagai perangkat tempat aplikasi Anda dapat diinstal. Lihat Tabel 1 untuk listingan ukuran ikon selesai yang direkomendasikan untuk setiap kepadatan. Selain itu, lihat Tips untuk Desainer untuk saran tentang cara bekerja dengan beberapa kumpulan ikon.
Tabel 1. Ringkasan dimensi ikon dialog yang selesai untuk ketiga kepadatan layar umum.
ldpi (120 dpi)(Layar berkepadatan rendah) |
mdpi (160 dpi)(Layar berkepadatan sedang) |
hdpi (240 dpi)(Layar berkepadatan tinggi) |
xhdpi (320 dpi)(Layar berkepadatan ekstra tinggi) |
|
|---|---|---|---|---|
| Ukuran Ikon Dialog | 24x24 piksel | 32 x 32 piksel | 48x48 piksel | 64x64 piksel |
Final art harus diekspor sebagai file PNG transparan. Jangan sertakan warna latar belakang.
Template untuk membuat ikon di Adobe Photoshop tersedia di Paket Template Ikon.
Semua Versi Android
Panduan berikut menjelaskan cara mendesain ikon dialog untuk semua versi platform Android.
Struktur
- Ikon dialog memiliki safeframe 1 piksel. Bentuk dasar harus pas dalam safeframe, tetapi anti-alias bentuk bulat dapat tumpang-tindih dengan safeframe.
- Semua dimensi yang ditentukan di halaman ini didasarkan pada ukuran artboard 32x32 piksel di Adobe Photoshop. Biarkan padding 1 piksel di sekitar kotak pembatas di dalam template Photoshop.
|
Gambar 1. Safeframe dan gradien isi untuk ikon dialog. Ukuran ikon sebesar 32x32. |
Cahaya, efek, dan bayangan
Ikon dialog datar dan gambar menghadap ke depan. Agar menonjol dengan latar belakang gelap, ikon dibuat menggunakan gradien cahaya dan bayangan dalam.
|
Gambar 2. Cahaya, efek, dan bayangan untuk ikon dialog.
|
Langkah demi langkah
|