Android Uygulama Simgeleri İçin Pratik Bir Kılavuz: Uyarlanabilir Simgelerin Açıklaması (ve Sizinkini Doğru Şekilde Oluşturma)

Bu, ilk kez Android geliştiricileri için yaygın bir sürprizdir: uygulama simgeniz için tek bir kare PNG'yi cilalarsınız, onu düzenli bir 512x512 boyutunda dışa aktarırsınız ve resim düzenleyicinizde mükemmel görünür. Daha sonra bir Samsung telefona bir hata ayıklama yapısı yüklediğinizde, simge sanki logonun bir kısmı kesilmiş gibi aniden kırpılmış ve biraz merkezin dışına çıkmış görünüyor. Dosyanın kendisinde yanlış olan hiçbir şey yok. Sorun, tek bir kare görüntünün, her biri simgeleri farklı şekilde kırpan, maskeleyen ve yeniden şekillendiren Android başlatıcılarının gerçek dünyası ile temas halinde asla hayatta kalamayacağıdır. Henüz bu durumla karşılaşmadıysanız, karşılaşmanız an meselesidir; o yüzden hadi gelin, arka planda neler olup bittiğini ve bunu ilk seferinde nasıl düzeltebileceğinizi gözden geçirelim.

Tek Kare PNG Neden Artık Yeterli Değil?

Android'in ilk yıllarında, uygulama simgeleri tam olarak göründükleri gibiydi: her başlatıcının olduğu gibi görüntülediği tek bir kare (veya bazen serbest şekilli) PNG. Üreticiler telefonlarını görsel olarak farklılaştırmaya başlayıncaya kadar bu işe yaradı ve bunu yapmanın en kolay yerlerinden biri de ana ekrandı. Samsung yuvarlatılmış kareler istiyordu, bazı Çin OEM kaplamaları farklı köşe uygulamaları istiyordu ve standart Android sonunda dairelere karar verdi. Aniden, tamamen aynı simge dosyası, kimin telefonuna geldiğine bağlı olarak fark edilir derecede farklı ve bazen gözle görülür şekilde daha kötü görünmeye başladı.

Google'ın Android 8.0 Oreo ile tanıttığı yanıt uyarlanabilir simge sistemiydi. Geliştiriciler, tek bir sabit şekil sağlamak yerine, işletim sisteminin belirli bir başlatıcının tercih ettiği şekle göre maskelediği katmanlı resimler sağlar. Görsel kimlik tutarlı kalır; yalnızca dış siluet değişir.

Uyarlanabilir Simge Tam Olarak Nedir?

Uyarlanabilir bir simge, her biri 108dp x 108dp tuvali kaplayan iki ayrı katmandan oluşturulur: bir arka plan katmanı ve bir ön plan katmanı. Android bu ikisini birleştirir ve ardından mevcut başlatıcının kullandığı maske şeklini (bir daire, yuvarlak bir kare, bir gözyaşı damlası veya tamamen başka bir şey) uygular. İki katmanlı yapı, bir simgeye dokunduğunuzda veya sürüklediğinizde katmanlar bağımsız olarak değişebildiğinden, Android'in ince paralaks ve hareket efektleri eklemesine de olanak tanır.

Bir uygulamanın kaynaklarında bu genellikle mipmap-anydpi-v26/ic_launcher.xml gibi bir XML dosyası aracılığıyla tanımlanır; bu dosya, piksel verilerinin kendisini içermek yerine yalnızca arka plan ve ön plan çizilebilir öğelerine işaret eder. Geleneksel düz ic_launcher.png, uyarlanabilir simge sisteminden tamamen önce gelen, Android 7.1 veya daha önceki sürümleri çalıştıran cihazlar için bir yedek olarak hala ortalıkta tutuluyor.

Güvenli Bölge Neden Önemlidir?

İnsanı en çok heyecanlandıran kısım burası. Her katmanın tuvali 108 dp x 108 dp olmasına rağmen, hangi maske şeklinin uygulandığına bakılmaksızın yalnızca o tuvalin ortasında bulunan iç 66 dp x 66 dp dairenin görünür olması garanti edilir. Bu iç bölgeye genellikle güvenli bölge denir. Bunun dışında herhangi bir şey dairesel bir maske üzerinde gösterilebilir ve daha sonra aniden daha agresif bir sincap veya gözyaşı maskesi üzerine kırpılabilir veya bunun tersi de geçerlidir.

Bu, görsel boyutunu en üst düzeye çıkarmak için bir logo tuvalin kenarlarına yakın çizildiğinde tam olarak ortaya çıkan türden bir sorundur: Dairesel bir maskede mükemmel görünebilir, ancak Samsung'un sincap maskesinde eşit olmayan bir şekilde kırpılır. Düzeltme bir yeniden tasarım değil; sadece resmin hafifçe küçültülmesiyle, sonuçta hangi şekil uygulanırsa uygulansın anlamlı içerik güvenli bölgenin içinde kalıyor.

Karşılaşacağınız Başlatıcı Şekilleri

Pratik çıkarım, simgenizin bu şekillerden hangisini giyeceğini seçememenizdir. Stok Android başlatıcılarındaki kullanıcılar çoğu zaman ayarlar menüsünden tercih ettikleri şekli bile seçebilirler. Tek gerçek gücünüz, sanat eserinin tüm bunlardan zarafetle kurtulmasını sağlamaktır, bu da tam olarak oradaki güvenli bölgenin garanti ettiği şeydir.

Varlıkları Oluşturmak: İhtiyacınız Olan Boyutlar ve Yoğunluklar

Uygulamayı iOS'ta da gönderiyorsanız, tamamen başka bir set ekleyin, çünkü Apple'ın App Store simge gereksinimleri 1024x1024'te zirveye çıkıyor ve tamamen farklı, katmansız ve hiçbir şeffaflık içermeyen bir format kullanıyor.

Manuel Yol ve Jeneratör Kullanma Karşılaştırması

Bu boyutların her birini kesinlikle bir görüntü düzenleyicide elle veya tek bir proje için yoğunluk ölçeklendirmeyi ve önizlemeleri maskelemeyi oldukça iyi bir şekilde yöneten Android Studio'nun yerleşik Image Asset Studio aracılığıyla üretebilirsiniz. Birkaç uygulamada bir tasarım sistemini sürdürdüğünüz, aynı ana sanat eserinden iOS aktarımlarını eşleştirmeye ihtiyaç duyduğunuz veya bir tasarımın taahhütte bulunmadan önce her şekilde nasıl davrandığını iki kez kontrol etmenin hızlı bir yolunu istediğinizde bunun sıkıcı hale geldiği yerlerdir.

Mevcut Bir APK'dan Simgeleri Çıkarma

Bazen ihtiyaç ters yönde ilerler. Belki orijinal tasarım dosyaları olmayan bir projeyi devraldınız veya kendi simgenizi tasarlamadan önce bir rakibin simgesini tam olarak nasıl yapılandırdığını görmek istiyorsunuz ya da ilgili bir araçta veya pazarlama varlığında yeniden kullanmak için oluşturulmuş bir APK'dan bir simgeyi geri çekmeniz yeterli. APK, bir uygulamanın tüm kaynaklarını içeren yapılandırılmış bir arşiv olduğundan, başlatıcı simge dosyaları fiziksel olarak içinde bulunur ve sıfırdan yeniden oluşturulmak yerine doğrudan çıkarılabilir.

Simge Çıkarıcı ürünümüz, yüklediğiniz herhangi bir APK'dan tam olarak bu dosyaları çekerek size orijinal geliştiricinin gönderdiği çözünürlükteki ham simge varlıklarını verir; bu genellikle kayıp bir kaynak dosyayı kurtarmanın veya başka bir uygulamanın aynı tasarım sorununa nasıl yaklaştığını incelemenin en hızlı yoludur.

İncelemede İşaretlenen Yaygın Simge Hataları

• Ekstra dolgu veya UI kromla pişirme. Görüntünün içine manuel olarak eklenen alt gölge, kenarlık veya yuvarlak köşe efekti, sistemin kendi maskelemesiyle çelişir ve genellikle iki katına çıkmış veya yanlış hizalanmış görünür.
• Belirgin bir kenarı olmayan saf beyaz bir arka plan kullanma. Işık temalı başlatıcılarda simge, ana ekranın arka planında neredeyse görünmez hale gelebilir.
• Aşırı ince detay. 512 pikselde keskin görünen metinler ve karmaşık çizgiler, çoğu zaman 48 piksele küçültüldüğünde okunamayan bir lekeye dönüşür; çoğu kullanıcı bunu her gün böyle görür.
• Play Store listeleme simgesi ile yüklenen simge arasındaki uyumsuzluk. Hem incelemeciler hem de kullanıcılar bu ikisinin eşleşmediğini fark eder ve özensiz veya daha kötüsü şüpheli olarak okunur.
• Eski geri dönüşü tamamen unutmak. Uygulamanız hâlâ 8.0'dan önceki Android sürümlerini destekliyorsa düz PNG geri dönüşünü atlamak, bu kullanıcıların bozuk veya genel görünümlü bir simgeyle karşı karşıya kalmasına neden olabilir.

Göndermeden Önce Simgenizi Şekiller Arasında Test Etme

Bir simgeyi sonlandırmadan önce, temiz bir şekilde tercüme edileceğini varsaymak yerine, onu en azından dairesel bir maske ve bir sincap maskesi altında yan yana önizlemeye değer. Android Studio'nun Image Asset Studio'su, tam da bu nedenle çeşitli başlatıcı şekilleri arasında canlı bir önizleme içerir ve aksi takdirde yalnızca yayınlandıktan sonra, "yanlış" başlatıcı şekline sahip bir kullanıcı bir şeyin yolunda gitmediğini bildirdiğinde ortaya çıkacak bir sorunu yakalamak yalnızca bir dakika sürer.

Sıkça Sorulan Sorular (SSS)

Bunların hiçbiri için tasarım teorisi geçmişine ihtiyacınız yok; yalnızca simgenizin, elinizden çıktığı anda kontrol edemeyeceğiniz şekillerde yeniden şekilleneceğinin farkında olmanız yeterli. Güvenli bölge için tasarım yapın, eski bir yedek bulundurun, tek bir temiz ana dosyadan gereken her boyutu oluşturun; simgeniz hangi başlatıcıya gelirse gelsin sağlam kalacaktır.