Panduan Praktikal untuk Ikon Apl Android: Ikon Adaptif Diterangkan (dan Cara Menjana Ikon Anda dengan Betul)
Ini adalah satu kejutan biasa untuk pembangun Android kali pertama: anda menggilap PNG segi empat sama untuk ikon apl anda, mengeksportnya pada 512x512 yang kemas dan ia kelihatan sempurna dalam editor imej anda. Kemudian anda memasang binaan nyahpepijat pada telefon Samsung dan ikon tiba-tiba kelihatan dipangkas dan sedikit di luar tengah, seolah-olah sebahagian daripada logo telah dipotong. Tiada yang salah dengan fail itu sendiri. Masalahnya ialah satu imej segi empat sama tidak akan kekal berhubung dengan dunia sebenar pelancar Android, yang setiap satunya memangkas, menutup dan membentuk semula ikon secara berbeza. Jika anda belum menemui perkara ini lagi, hanya menunggu masa sebelum anda melakukannya, jadi mari kita lihat apa yang berlaku di bawah hud dan bagaimana untuk membetulkannya pada kali pertama.
Mengapa PNG Segiempat Tunggal Tidak Mencukupi Lagi
Pada tahun-tahun terawal Android, ikon apl adalah sama seperti rupanya: PNG segi empat sama (atau kadangkala berbentuk bebas) yang setiap pelancar dipaparkan sebagaimana adanya. Itu berfungsi dengan baik sehingga pengeluar mula membezakan telefon mereka secara visual, dan salah satu tempat paling mudah untuk melakukannya ialah skrin utama. Samsung mahukan segi empat sama bulat, sesetengah kulit OEM Cina mahukan rawatan sudut yang berbeza, dan stok Android akhirnya diselesaikan pada kalangan. Tiba-tiba, fail ikon yang sama kelihatan berbeza, dan kadangkala kelihatan lebih teruk, bergantung pada telefon siapa ia mendarat.
Jawapan Google, yang diperkenalkan dengan Android 8.0 Oreo, ialah sistem ikon penyesuaian. Daripada membekalkan satu bentuk tetap, pembangun menyediakan karya seni berlapis yang sistem pengendalian itu sendiri menyamar ke dalam apa jua bentuk yang digemari oleh pelancar tertentu. Identiti visual kekal konsisten; hanya siluet luar sahaja yang berubah.
Apakah Sebenarnya Ikon Adaptif?
Ikon penyesuaian dibina daripada dua lapisan berasingan, masing-masing menduduki kanvas 108dp kali 108dp: lapisan latar belakang dan lapisan latar depan. Android menggabungkan kedua-duanya bersama-sama dan kemudian menggunakan apa sahaja bentuk topeng yang digunakan oleh pelancar semasa, sama ada bulatan, segi empat sama bulat, titisan air mata atau sesuatu yang lain sepenuhnya. Struktur dua lapisan itulah yang membolehkan Android menambah kesan paralaks dan gerakan halus juga, kerana lapisan boleh beralih secara bebas apabila anda mengetik atau menyeret ikon.
Dalam sumber apl, ini biasanya ditakrifkan melalui fail XML seperti mipmap-anydpi-v26/ic_launcher.xml, yang hanya menunjuk ke latar belakang dan latar depan boleh dilukis dan bukannya mengandungi data piksel itu sendiri. ic_launcher.png rata tradisional masih disimpan sebagai sandaran untuk peranti yang menjalankan Android 7.1 atau lebih awal, yang mendahului sistem ikon penyesuaian sepenuhnya.
Mengapa Zon Selamat Penting
Inilah bahagian yang paling membingungkan orang. Walaupun kanvas untuk setiap lapisan ialah 108dp kali 108dp, hanya bulatan dalam 66dp kali 66dp, berpusat pada kanvas itu, dijamin kelihatan tanpa mengira bentuk topeng yang digunakan. Kawasan dalam ini biasanya dipanggil zon selamat. Apa-apa sahaja di luarnya mungkin ditunjukkan pada topeng bulat dan kemudian secara tiba-tiba dipotong pada topeng tupai atau titisan air mata yang lebih agresif, atau sebaliknya.
Ini betul-betul jenis isu yang muncul apabila logo dilukis dekat dengan tepi kanvas untuk memaksimumkan saiz visualnya: ia boleh kelihatan sempurna pada topeng bulat tetapi terpotong tidak sekata pada topeng tupai Samsung. Pembaikan itu bukan reka bentuk semula, cuma mengecilkan sedikit karya seni supaya kandungan yang bermakna kekal di dalam zon selamat tidak kira bentuk mana yang akhirnya akan digunakan.
Bentuk Pelancar yang Anda Akan Temui
| bentuk | Di mana anda akan melihatnya |
|---|---|
| Bulatan | Android Stok, pelancar Pixel (lalai yang telah lama wujud) |
| Tupai (segi empat bulat) | Samsung One UI, dan beberapa kulit Android yang lain |
| Segi empat sama bulat (superellipse) | iOS, digunakan secara automatik oleh sistem tanpa kawalan pembangun |
| Titisan air mata | Ditawarkan sebagai pilihan yang boleh dipilih pada beberapa versi perisian Samsung |
| Segi empat dengan sudut lembut | Pelbagai kulit pelancar pengeluar lain |
Perkara yang praktikal ialah anda tidak boleh memilih bentuk mana yang akan dipakai oleh ikon anda. Pengguna pada pelancar Android stok selalunya boleh memilih bentuk pilihan mereka daripada menu tetapan. Satu-satunya tuas sebenar anda ialah memastikan karya seni itu sendiri bertahan kesemuanya dengan anggun, yang mana zon selamat yang ada untuk dijamin.
Membina Aset: Saiz dan Kepadatan yang Anda Perlukan
| Baldi ketumpatan | Saiz ikon pelancar |
|---|---|
| mdpi | 48 x 48 px |
| hdpi | 72 x 72 px |
| xhdpi | 96 x 96 px |
| xxhdpi | 144 x 144 px |
| xxxhdpi | 192 x 192 px |
| Ikon penyenaraian Gedung Play | 512 x 512 px |
Jika anda turut menghantar apl itu pada iOS, tambahkan set lain sepenuhnya, memandangkan keperluan ikon App Store Apple melebihi 1024x1024 dan menggunakan format tidak berlapis yang berbeza sama sekali tanpa ketelusan sama sekali.
Cara Manual vs Menggunakan Penjana
Anda benar-benar boleh menghasilkan setiap satu daripada saiz ini dengan tangan dalam editor imej, atau melalui Studio Aset Imej terbina dalam Android Studio, yang mengendalikan penskalaan ketumpatan dan pratonton topeng dengan cukup baik untuk satu projek. Perkara yang menjadi membosankan ialah apabila anda menyelenggara sistem reka bentuk merentas beberapa apl, memerlukan pemadanan eksport iOS daripada karya seni induk yang sama, atau hanya mahukan cara pantas untuk menyemak semula cara reka bentuk berkelakuan merentas setiap bentuk sebelum melakukannya.
Hasilkan setiap saiz daripada satu imej induk
Penjana Ikon Apl kami mengambil satu imej sumber resolusi tinggi dan menghasilkan set penuh baldi ketumpatan Android, struktur latar depan/latar belakang ikon adaptif dan saiz penyenaraian Gedung Play, semuanya daripada satu muat naik, jadi anda tidak mengeksport dan menamakan semula sedozen fail secara manual dengan tangan.
Mengeluarkan Ikon Daripada APK Sedia Ada
Kadang-kadang keperluan berjalan ke arah yang bertentangan. Mungkin anda mewarisi projek tanpa fail reka bentuk asalnya, atau anda ingin melihat dengan tepat cara pesaing menstrukturkan ikon mereka sebelum mereka bentuk anda sendiri, atau anda hanya perlu menarik balik ikon daripada APK terbina untuk menggunakannya semula dalam alat atau aset pemasaran yang berkaitan. Memandangkan APK secara berkesan adalah arkib berstruktur yang mengandungi semua sumber apl, fail ikon pelancarnya terdapat secara fizikal di dalamnya dan boleh diekstrak terus, bukannya dibina semula dari awal.
Pengekstrak Ikon kami mengeluarkan betul-betul fail ini daripada mana-mana APK yang anda muat naik, memberikan anda aset ikon mentah pada apa jua resolusi yang dihantar oleh pembangun asal, yang selalunya merupakan cara terpantas untuk memulihkan fail sumber yang hilang atau mengkaji cara apl lain menghadapi masalah reka bentuk yang sama.
Kesilapan Ikon Biasa yang Ditanda dalam Semakan
- Membakar dalam padding tambahan atau krom UI. Kesan bayang jatuh, jidar atau sudut bulat yang ditambahkan secara manual di dalam imej bercanggah dengan pelekat sistem sendiri dan selalunya kelihatan berganda atau tidak sejajar.
- Menggunakan latar belakang putih tulen tanpa kelebihan yang berbeza. Pada pelancar bertema ringan, ikon boleh menjadi hampir tidak kelihatan pada latar belakang skrin utama.
- Perincian yang terlalu halus. Teks dan kerja garisan rumit yang kelihatan tajam pada 512px kerap bertukar menjadi comot tidak boleh dibaca apabila dikecilkan kepada 48px, iaitu cara kebanyakan pengguna melihatnya dari hari ke hari.
- Ketidakpadanan antara ikon penyenaraian Gedung Play dan ikon yang dipasang. Pengulas dan pengguna kedua-duanya menyedari apabila kedua-dua ini tidak sepadan, dan ia berbunyi sebagai ceroboh atau, lebih teruk lagi, mencurigakan.
- Melupakan sandaran warisan sepenuhnya. Jika apl anda masih menyokong versi Android sebelum 8.0, melangkau sandaran PNG rata boleh meninggalkan pengguna tersebut dengan ikon yang rosak atau kelihatan generik.
Menguji Ikon Anda Merentas Bentuk Sebelum Anda Menghantar
Sebelum memuktamadkan ikon, adalah wajar melihatnya di bawah sekurang-kurangnya topeng bulat dan topeng tupai bersebelahan, dan bukannya menganggap ia akan diterjemahkan dengan bersih. Studio Aset Imej Android Studio menyertakan pratonton langsung merentas beberapa bentuk pelancar atas sebab ini, dan hanya mengambil masa seminit untuk menangkap isu yang sebaliknya hanya akan muncul selepas diterbitkan, apabila pengguna pada bentuk pelancar "salah" melaporkan kembali bahawa sesuatu kelihatan tidak berfungsi.
Pengambilan Utama
- Ikon penyesuaian menggunakan dua lapisan, latar belakang dan latar depan, pada kanvas 108dp, yang disembunyikan oleh sistem kepada bentuk yang berbeza bagi setiap pelancar.
- Hanya zon selamat 66dp dalaman dijamin kelihatan pada setiap bentuk topeng; simpan karya seni yang bermakna di dalamnya.
- Anda masih memerlukan ikon legasi rata untuk peranti pada Android 7.1 atau lebih awal.
- Penjana boleh menghasilkan setiap ketumpatan yang diperlukan dan saiz penyenaraian Gedung Play daripada satu imej induk, menjimatkan kerja eksport manual yang ketara.
- Ikon boleh diekstrak terus daripada APK sedia ada apabila fail sumber hilang atau anda perlu mengkaji aset apl lain.
Soalan Lazim (FAQ)
Apakah saiz piksel sebenar yang diperlukan untuk ikon penyenaraian Gedung Play?
512x512 piksel, PNG 32-bit dengan saluran alfa. Ini adalah berasingan daripada saiz ikon pelancar yang digabungkan dalam APK itu sendiri.
Adakah lapisan latar belakang ikon penyesuaian saya perlu berwarna pepejal?
Tidak semestinya warna rata, tetapi pada umumnya ia mestilah legap dan mudah, kerana ia boleh dialihkan, diskalakan atau bertopeng dengan cara yang anda tidak mengawal sepenuhnya. Latar belakang yang sibuk atau telus cenderung kelihatan tidak konsisten merentas pelancar.
Bolehkah saya menggunakan semula reka bentuk ikon suai Android saya secara langsung untuk iOS?
Tidak langsung. iOS menggunakan imej segi empat sama rata tunggal dengan pembulatan sudut digunakan oleh sistem dan bukannya lapisan berasingan, jadi anda biasanya mengeksport versi rata yang dipermudahkan bagi karya seni yang sama untuk iOS.
Mengapakah ikon saya kelihatan baik pada telefon saya tetapi kabur pada penyenaraian Gedung Play?
Ini biasanya berlaku apabila ikon penyenaraian ditingkatkan daripada imej sumber kecil. Sentiasa mulakan daripada fail induk sekurang-kurangnya 1024x1024 piksel dan eksport setiap saiz yang diperlukan ke bawah daripada itu.
Apakah yang berlaku jika saya melangkau ikon sandaran warisan untuk versi Android yang lebih lama?
Peranti pada Android 7.1 atau lebih awal, yang tidak menyokong ikon penyesuaian, mungkin kembali kepada ikon sistem generik atau memaparkan ikon anda secara tidak betul. Ia selamat untuk melangkau hanya jika versi Android yang disokong minimum apl anda ialah 8.0 atau lebih tinggi.
Anda tidak memerlukan latar belakang dalam teori reka bentuk untuk mana-mana ini, hanya kesedaran bahawa ikon anda akan dibentuk semula dengan cara yang anda tidak mengawal saat ia meninggalkan tangan anda. Reka bentuk untuk zon selamat, simpan sandaran lama, hasilkan setiap saiz yang diperlukan daripada satu fail induk yang bersih dan ikon anda akan bertahan tidak kira di mana pelancarnya diletakkan.