Marka Kimliğini Mobil Uygulamaya Taşımak: Renkten İkona Her Detay

Bir restoran zincirinin hem web sitesini hem uygulamasını incelediğimizde ilginç bir şey fark ettik: web sitesinde sıcak turuncu tonlar kullanılıyordu, uygulama ise soğuk mavi bir renk paletiyle tasarlanmıştı. İkisi de tek başına güzel duruyordu ama yan yana konduğunda aynı markaya ait olduklarına inanmak zordu. Kullanıcı, uygulamayı indirdiğinde markanın devamı hissini arıyor; farklı bir kimlikle karşılaşmak güven kaybına yol açıyor.

Renk paleti: web'den kopyala değil, uyarla

Web sitesindeki ana rengi uygulamaya birebir taşımak çoğu zaman yeterli değil çünkü mobil ekranlarda kontrast ve okunabilirlik farklı çalışıyor. Ana marka rengi korunmalı ama uygulama içinde aksiyon butonları, uyarı mesajları, başarı/hata durumları için tutarlı bir renk sistemi (color system) kurulmalı. Örneğin marka rengi koyu yeşilse, bu rengin buton üzerinde beyaz yazıyla yeterli kontrastı sağlayıp sağlamadığı test edilmeli — erişilebilirlik standartları burada devreye giriyor.

Tipografi seçimi sanıldığından önemli

Web sitesinde kullanılan özel bir font, mobilde lisans veya performans sorunları yüzünden kullanılamayabiliyor. Bu durumda birebir aynı fontu zorlamak yerine, aynı karaktere sahip (yuvarlak hatlı, keskin köşeli, geometrik gibi) bir alternatif seçmek marka hissini koruyor. Başlık ve gövde metni için tutarlı bir tipografi hiyerarşisi kurmak — hangi boyutun başlık, hangisinin açıklama metni olduğu — okunabilirliği ciddi şekilde etkiliyor.

İkon dili: hepsi aynı aileden olmalı

Bir uygulamada bazı ikonlar ince çizgili (outline), bazıları dolu (filled) stilse, göz bunu bilinçsizce "düzensiz" olarak algılıyor. İkon setinin tamamının aynı kalınlıkta çizgi, aynı köşe yuvarlaklığıyla tasarlanması gerekiyor. Marka logosundaki köşe yapısı (keskin mi, yumuşak mı) ikon setine de yansıtılırsa bütünlük daha güçlü hissettiriyor.

Splash screen ve uygulama ikonu ilk izlenimdir

Kullanıcının markayla karşılaştığı ilk an, açılış ekranı ve ana ekrandaki uygulama ikonu. Bu ikon, telefonun ana ekranında onlarca başka ikonun arasında fark edilebilir olmalı — çok fazla detay içeren ikonlar küçük boyutta anlaşılmaz hale geliyor. Basit, tek bir sembole odaklanan ikonlar genelde daha iyi çalışıyor.

Uygulama içi görsel dil web'le konuşmalı

Buton köşe yuvarlaklığı, gölge kullanımı, boşluk (spacing) düzeni gibi detaylar web sitesiyle birebir aynı olmak zorunda değil ama aynı "aileden" hissettirmeli. Android + iOS çift platform geliştirilen projelerde bu tutarlılığı iki platformda da korumak ayrı bir efor gerektiriyor çünkü her platformun kendi bileşen kütüphanesi var; marka kimliği bu kütüphanelerin üzerine doğru şekilde giydirilmeli.

Sonuç olarak marka kimliği bir logo dosyası değil, kullanıcının her ekranda hissettiği bir tutarlılık meselesi.

Görsel Kimlik Marka Kimliği Mobil Uygulama Tipografi UI Tasarım