Uygulama ikonu logodan, logonun en tanınır parçası seçilerek türetilir. Genellikle yazıyı çıkarıp amblemi ya da marka baş harfini alır, dolu bir arka plan renginin üzerine oturtur ve mağazanın istediği ölçülerde dışa aktarırsınız. Logoyu olduğu gibi küçültüp ikon alanına yerleştirmek çoğu zaman okunmaz bir leke üretir.
Telefonun ana ekranında ikon, onlarca başka ikonla yarışan küçük bir karedir. İnsanlar onu yazıyla değil biçimiyle ve renkle tanır.
Logo ile ikon aynı işi görmez
Web sitesi başlığındaki logo marka adını da taşır, geniş bir alanda rahat nefes alır. İkon ise neredeyse kare bir alana sıkışır ve çoğunlukla tek bir sembol ya da baş harften ibaret kalır.
Logonun tamamını, yani yazıyı ve amblemi birlikte küçük bir kareye sığdırmak sonucu dağınık ve okunaksız kılar. İkon, logonun bire bir küçültülmüş hâli olmamalı. Logodan türetilmiş, sadeleştirilmiş bir yorum olmalı.
Hangi öğe ikona girer
Logoda amblem ve yazı varsa, ikon için genellikle amblem ya da marka baş harfi seçilir. Bu öğenin tek başına, yazı desteği olmadan markayı çağrıştırması gerekir. Kullanıcı ana ekranda hangi uygulamanın hangi markaya ait olduğunu saniyeler içinde ayırt edebilmeli.
Seçerken sorun: Bu şekil on iki piksellik bir karede de tanınır mı? Müşteri bu amblemi daha önce gördü mü? Rakiplerin ikonlarıyla karışıyor mu?
Marka adı yalnızca yazıdan oluşuyorsa, yani logotype ise, baş harfi stilize edip ikon yapmak yaygın bir yoldur. Harfin biçimine bir özellik, örneğin kesik bir köşe ya da iki renkli bir kesişim eklemek ikonu ayırt edilir kılar.
App Store ve Google Play farkları
Apple ikonu kare olarak ister ve köşeleri kendisi yuvarlar. İkonu önceden yuvarlatıp yüklemeyin, çifte yuvarlama köşelerde boş beyaz bir bant bırakabilir. Apple için tek bir 1024 × 1024 piksellik kare görsel yüklenir, şeffaf bölge içermez.
Google Play’de ise ikon 512 × 512 piksel olarak yüklenir. Android’in uyarlanabilir ikon sistemi, ön plan ve arka planı ayrı katman olarak alır ve cihaz üreticisine göre farklı maskeler (daire, kare, damla) uygular. Kritik öğeleri ortadaki güvenli bölgede tutmak, hangi maske uygulanırsa uygulansın kesilmemesini sağlar.
Ölçüler ve kurallar zaman içinde güncellenebilir. Yayın öncesi Apple Developer ve Google Play Console’daki güncel yönergeleri kontrol edin.
Kontrast ve arka plan rengi
Kullanıcıların duvar kâğıtları farklıdır, bu yüzden ikonun kendi dolu arka planı olmalı. Şeffaf bir ikon bazı arayüzlerde beklenmedik biçimde görünür ya da diğer uygulamalar arasında “eksik” hissettirir.
Arka plan rengini logonun ana rengine göre seçin ve amblemle arasında yeterli kontrast bırakın. Açık zemine koyu amblem, koyu zemine açık amblem çoğu zaman en güvenli çözümdür. Gradyan kullanacaksanız hafif tutun; ağır degradeler küçük boyutta çamurlaşır.
Sektörünüzdeki rakiplerin ikon renklerine de bakın. Tüm bankacılık uygulamaları mavi ise turuncu bir ikon dikkat çeker, ama marka renginizle çelişmiyorsa.
Dışa aktarma ve dosya hazırlığı
Vektör (SVG ya da AI) kaynak dosyadan dışa aktarın, küçük bir PNG’yi büyütmeyin. Kaynak vektördeki kalın çizgiler, küçük boyutta çizgi kalınlığını kaybetmesin diye gerekirse yeniden ayarlanmalı. Küçük ikonlarda çizgi kalınlığını bir miktar artırmak, aynı çizimin büyük sürümden daha net görünmesini sağlar.
Mağaza ikonunun yanında uygulamanın içinde gösterilen küçük ikonlar, bildirim ikonu ve ayarlar sayfasındaki ikon için ayrı boyutlar gerekir. Bunları tek tek elle üretmek yerine kaynak dosyadan otomatik üreten bir dışa aktarma ayarı kurmak zamandan kazandırır.
İkon setinde olması gereken sürümler
Tek bir ikon dosyası yetmez. Mağaza sayfası için büyük bir sürüm, uygulama içi küçük sürümler, bildirim çubuğu için tek renkli bir sürüm ve karanlık mod için alternatif bir sürüm gerekir. Android bildirimleri ikonun yalnız şeklini alır ve tek renge boyar; bu yüzden amblemin şeffaf bir siluet olarak da anlaşılması gerekir. İkonu tasarlarken bu siluet sürümünü baştan düşünün, yayından hemen önce acele eklemek zor.
Küçük ekranda test etmeden yayınlamayın
Tasarım programında büyük ekranda net görünen ikon, gerçek telefonda diğer ikonların arasında farklı durur. Üç test yapın:
- Gerçek bir telefonda ana ekrana koyup farklı duvar kâğıtlarıyla bakın.
- Karanlık ve aydınlık modda deneyin.
- Bir arkadaşınıza ana ekranı gösterip markanızın ikonunu bulmasını isteyin; kaç saniyede buldu?
Bulması üç saniyeden uzun sürüyorsa ikon yeterince ayrışmıyor demektir.
Sık yapılan hatalar
Birinci hata, ikona uygulama adını yazmaktır; ikonun altında zaten ad görünür ve yazı küçük boyutta okunmaz. İkinci hata, ince çizgili bir amblemi olduğu gibi kullanmaktır. Üçüncü hata, ikonu mağazaya yüklemeden önce sadece bilgisayarda kontrol etmektir. Dördüncü hata ise ikonu bir kez tasarlayıp yıllarca değiştirmemektir; marka kimliği değiştiğinde ikon da güncellenmelidir, ama kullanıcıların tanıdığı ana biçimi bozmadan.
Logo sistemi içinde ikonun yeri
İkonu logodan ayrı bir tasarım olarak görmek yanlış. Marka kimliği sistemi içinde logo, simge, ikon ve favicon tek bir aile olmalı. Aynı şekil web sitesinde favicon, uygulamada ikon, sosyal medyada profil fotoğrafı olarak kullanılabilir. Tutarlılık hem tanınırlığı hem de marka algısını güçlendirir. Sade ve gelişmiş kimlikler arasındaki seçimi minimal mi maksimal mi yazımızda anlattık; sadeleştirmenin sebeplerini ise minimalist logo tasarımı yazısında bulabilirsiniz.
Uygulamanızın tanıtım sitesini ya da mağaza görsellerini de kimlikle uyumlu hazırlamak gerekir. Web tasarım hizmetimiz bu bütünlüğü kurar. Logo ve ikon seti için fiyatlar sayfasına göz atabilir, iletişim sayfasından ya da 0540 022 64 22 numarasından bize ulaşabilirsiniz.