Uygulama İkonu Nasıl Tasarlanır: Pratik Rehber

İkon, uygulamanızın mağazadaki yüzü. Arama sonuçlarında kullanıcının gördüğü ilk şey ve çoğu zaman tıklayıp tıklamamaya karar verdiği tek görsel. Buna rağmen çoğu geliştirici ikona en son ve en az vakti ayırıyor.

Küçük boyutta test edin

İkonunuzu 1024 piksel olarak tasarlıyorsunuz ama kullanıcı onu arama sonuçlarında yaklaşık 60 piksel olarak görüyor. Ana ekranda 120 piksel civarı.

Tasarımı bitirdiğinizde 60 piksele küçültüp bakın. Detaylar kayboluyorsa, yazı okunmuyorsa, form belirsizleşiyorsa ikon çalışmıyor demektir.

Pratik kural: ikonda en fazla iki görsel unsur olsun. Bir form ve bir renk geçişi yeter.

Metin koymayın

İkona uygulama adını yazmak en yaygın hata. Zaten ikonun hemen altında uygulama adı yazıyor, tekrar etmiş oluyorsunuz. Üstelik küçük boyutta o yazı okunmuyor, sadece bulanık bir leke oluşturuyor.

Tek harf (marka baş harfi) kabul edilebilir, kelime değil.

Renk seçimi

Mağaza arayüzü beyaz veya siyah. İkonunuz her ikisinde de görünür olmalı.

Beyaz zeminde beyaz ağırlıklı bir ikon kayboluyor. Koyu temada koyu ikon aynı şekilde. En güvenlisi doygun bir arka plan rengi kullanmak ve formu beyaz bırakmak.

Rakiplerinize bakın. Kategorinizde herkes mavi kullanıyorsa mavi seçmek sizi görünmez yapar. Aynı listede farklı görünen renk avantajlıdır.

Form

Basit geometrik formlar küçük boyutta hayatta kalıyor: daire, üçgen, kalın harf, sade bir sembol.

Fotoğraf kullanmayın. Fotoğraf 60 piksele indiğinde renk lekesine dönüşüyor.

Gradyan kullanacaksanız iki renk arası yeterli. Üç dört renkli geçişler küçük boyutta çamura dönüyor.

Mağaza kuralları

Apple: Kare yükleyin, 1024 x 1024, alfa kanalı olmasın. Köşeleri Apple yuvarlıyor. iOS arayüz elemanlarını taklit eden ikonlar reddediliyor.

Google: 512 x 512, alfa kanalı serbest. Köşeleri Play yuvarlıyor.

Her iki mağaza da başka markaların logolarını, Apple veya Google'ın kendi ikonlarını çağrıştıran tasarımları reddediyor.

İkonu ne zaman değiştirmeli

İkon değişimi indirilme oranını hem yukarı hem aşağı çekebiliyor. Değiştirmeden önce mevcut dönüşüm oranınızı bilin, sonra karşılaştırın.

Play Console'da yerleşik A/B testi var, App Store'da Product Page Optimization aynı işi görüyor. İkisi de ücretsiz ve tahmin yerine veriyle karar vermenizi sağlıyor.

Tasarımcı olmadan

Figma açıp sıfırdan ikon çizmek zorunda değilsiniz. buffmy.app ikon üreticisi tarif ettiğiniz tarza göre birden fazla seçenek üretiyor, her ikisi mağazanın istediği ölçülerde dışa aktarıyor.

Yine de üretilen ikonu 60 piksele küçültüp bakma alışkanlığını bırakmayın. O test her yöntemde geçerli.