Tasarım · Güncellendi · 2026-09-02

Uygulama simgesi tasarımı: Onu anında tanınır kılan nedir

Bir bakışta tanınma" nereden gelir: tek bir sembol, yapı olarak boşluk, sistemle paylaşılan iş, renkte ölçülülük — Apple ve Google aynı şeyi anlatıyor.

İyi simgelerin ortak bir niteliği vardır: onları aramanız gerekmez — kendiliğinden gözünüze çarparlar. Apple ve Google her biri simgeler için kocaman bir rehber kitabı yazıyor; ama söküp yan yana koyduğunuzda ikisi de aynı şeyi söylüyor: yüz simgesinin dikkate kapıştığı bir ana ekranda, neden sizinki tek bakışta tanınsın? Bu yazı o soruyu parçalarına ayırıyor.

Tek bir sembolün gücü

Tanınırlık "az" ile başlar. Ayakta kalan simgelerde neredeyse her zaman tek bir başrol vardır: tek bir pati izi, tek bir halka, tek bir harf. Semboller çoğaldığı anda ekrandaki simgeler birbirini iter ve fazladan gelen her detay hafızayı sulandırır. Önce ürünün özünü tek bir öğeye sıkıştırın, sonra onu mümkün olan en az biçimle çizin.

Biçimler büyük, çizgiler kalın. Bir simge en sık kırk piksel civarında görülür; bu boyutta ince çizgiler kaybolur, keskin köşeler bulaşır, kontur çerçeveler gürültüye dağılır — düz renkli dolgular ise siluetini korur. Pratik bir sınama sırası: önce 48px'te ayakta durup durmadığına bakın, sonra büyütüp detay ekleyin. Mümkün olduğunca vektörle çizin (SVG/PDF, metin dış hatlara çevrilmiş): istediğiniz kadar ölçekleyin, siluet sizi satmaz.

Boşluk bir yapıdır

Simgenin son biçimine tasarımcı karar vermez: sistem onu daireye, yuvarlatılmış kareye, hatta üreticinin kendi biçimine maskeleyecektir. Bu yüzden boşluk estetik bir tercih değil, yapısal bir zorunluluktur. Google'ın sayıları en somut referansı verir: tuval 108dp, dıştaki 18dp halka zaten maske ve paralaks hareketine ayrılmıştır ve öğe, merkezi 66dp güvenli bölgeye sığmalıdır. Hesaplandığında öğe tuvalin yalnızca merkezindeki ~%60'ını kaplar. Apple farklı ifade eder ama aynı şeyi ister: öğe ortalanmış, herhangi bir maskenin erişemeyeceği yerde.

Bu, geometrik logoların tuvali doldurmak için kendini yıpratmaması gerektiğini de açıklar. Biçimin kendisi marka varlığıysa, onu keyline ızgarasında ortalayın, çevresini arka plan rengine bırakmak ona daha fazla kimlik katar, daha azını değil; illüstrasyon ise tam tersi uçtur, doğası gereği tam kanamaya uygundur.

Sistem ikinci tasarımcıdır

Modern bir simge yarım bitmiş bir eserdir. Teslim edildikten sonra sistem çizmeye devam eder: köşeleri sistem keser, gölgeleri sistem ekler, iOS'un Liquid Glass'ı üzerine aynasal parlamalar ve kırılma koyar. Tasarımcının işi, bu ikinci tasarımcıya iyi bir çalışma yüzeyi hazırlamaktır — tam kanama malzeme, temiz kenarlar, net ve yumuşatılmamış siluetli bir ön plan katmanı; böylece sistemin parlamaları ve gölgeleri sığacak bir yer bulur.

Derinlik de aynı mantığı izler: onu efektlerle taklit etmeyin, yapıyla rezerve edin. Ön plan katmanının içinde önü ve arkayı opaklık farklarıyla ayırın (Apple'ın Photos simgesi ders kitabı örneğidir) ya da dolgu biçimlerinin üst üste binmesine izin verin — derinlik kendiliğinden belirir. Kendi çizdiğiniz parlamalar ve gölgeler statiktir ve sistemin dinamik ışığıyla sonsuza dek çekişir.

Renkte ölçü ve serbestlik

Arka plan simgenin soluklanma alanıdır; düz bir renk ya da basit bir geçiş yeter. Görevi öğeyi öne çıkarmaktır, sahneyi çalmak değil. Saf siyah, dikkat gerektiren tek istisnadır — koyu duvar kağıtlarında erir; siyahı bir ton açın.

Renk asıl sınavını görünüm varyantlarında verir. iOS koyu, saydam ve tonlu ekran biçimleri sunar; varyantlar arasında yalnızca renk atmosferi değişmeli, öğeler asla. Kullanıcı görünümü değiştirdiği anda sizi tanımazsa, öncesindeki bütün tasarım boşa gitti. Android'in tema simgeleri bu sınamayı uç noktaya taşır: sistem renklerinizi alır ve yalnızca duvar kağıdına göre yeniden boyanan tek renkli katmanı bırakır — dolayısıyla siluet hiçbir renk olmadan kendi başına ayakta durabilmelidir.

Metnin çekilişi

Metin, bir simgede en çok fazla düşünülen öğedir: küçük boyutta okunmaz, erişilebilirlikten ve yerelleştirmeden dışlanır — üstelik uygulama adı zaten simgenin yanında durur. Marka gerçekten tek harfli bir monogram gerektiriyorsa, onu dizgi olarak değil biçim olarak çizin. Aynı gerekçe fotoğraflar ve arayüz ekran görüntüleri için de geçerlidir — ince detayları gerçek boyutlarda çöker — ve donanım siluetleri için de; Apple sonuncusunu açıkça yasaklar.

O tek bakışa geri dönüş

Sembolden renge, her detay tek bir ana hizmet eder: kullanıcının ana ekranı süpürüşündeki o tek bakış. Tam kanamalı bir tuval, ortalanmış bir öğe, temiz kenarlar, ölçülü bir renk, kendi başına duran bir siluet — bunu yapın, sistem öteki yarısını memnuniyetle boyayacaktır.

Kaynaklar

2026-09-02'de doğrulandı

Bloga dön