Bu yazıda
Bir hizmet sayfasında kullanılan ikonla bir katalogdaki çizim aynı görevi üstlenmez. İkon hızlı bir işarete, illüstrasyon daha kapsamlı bir anlatıma ihtiyaç duyabilir. Yine de ikisinin markayla ilişkisi ortak kararlarla kurulabilir. Rastgele kütüphanelerden seçilen şekiller yerine tutarlı bir sistem tasarlamak, yalnızca benzer çizgi kalınlığı kullanmak demek değildir. Anlamın, detay düzeyinin ve uygulama koşullarının da açıklanması gerekir. Bu rehber küçük bir görsel aileden yeni öğeler üretilebilen bir düzene geçişi ele alır.
Kısa cevap
Markaya özel ikon ve illüstrasyon sistemi; anlam, biçim, çizgi, renk ve detay düzeyini ortak kurallarla ilişkilendirir. Önce hangi kavramların işaret, hangilerinin açıklayıcı sahne gerektirdiğini belirleyin. Öğeleri gerçek ölçekte ve doğru bağlamda sınayın. Dijital işlevlerde yalnızca şekle güvenmeyin; gerektiğinde etiket ve uygun metin alternatifi kullanın. Yeni öğelerin kim tarafından nasıl onaylanacağını da tanımlayın.
Kavram listesini çizim listesinden önce hazırlayın
Önce anlatılacak hizmetleri, işlemleri ve durumları yazın. Aynı kavram için farklı sayfalarda iki ayrı ikon kullanılmasına gerek var mı değerlendirin. Birbirine çok benzeyen hizmetlerin tek şekille açıklanması da karışıklık yaratabilir. Varsayımsal bir lojistik sitesinde depolama, sevkiyat ve teslim takibi ayrı görevlerdir. Her birinin hangi bilgiyle birlikte gösterileceğini belirleyin. İkon, açıklama metninin yerine zorunlu olarak geçmek zorunda değildir; onun yanında taramayı kolaylaştıran işaret olabilir.
İkon ile illüstrasyonun görevlerini ayırın
İkon sınırlı alanda bir kavramı veya işlemi işaret ederken illüstrasyon ilişki, süreç veya ortam anlatabilir. Her hizmeti ayrıntılı küçük sahneyle göstermeye çalışmak okunmayı zorlaştırabilir. Buna karşılık uzun bir süreç açıklamasını tek soyut simgeye indirgemek gerekli bağlantıları gizleyebilir. Kullanımın hangi derinlikte olduğunu konuşun. Aynı marka için iki ayrı detay düzeyi tanımlamak tutarsızlık değildir; görevlerin bilinçli biçimde ayrılması, görsel aileyi daha uygulanabilir kılabilir.
Ortak çizim kurallarını örnekler üzerinde kurun
Köşe karakteri, çizgi yaklaşımı, dolu ve boş alan ilişkisi, perspektif ve renk dağılımı için kararlar alın. Bütün şekilleri aynı kutuya sıkıştırmak yerine görsel ağırlığı karşılaştırın. Uzun, yuvarlak ve köşeli öğeler aynı matematiksel boyutta farklı büyüklükte algılanabilir. Onay için yalnızca en kolay üç şekli göstermeyin. Zor bir kavramı ve genişliği farklı bir örneği de aileye dahil ederek kuralların nerede esnediğini açıkça gösterin.
Küçük ölçekte anlamı ve ayrıntıyı sınayın
İşaretler tasarım dosyasında büyük görünürken yeterince açık olabilir. Gerçek sayfa, mobil ekran veya basılı tablo içinde gerekli çizgiler birleşiyor mu inceleyin. Varsayımsal bir hizmet kartında ikon tek başına anlaşılmıyorsa yanında kısa etiket kullanın; daha fazla detay eklemek her zaman çözüm değildir. Farklı arka planlarda görünürlüğü kontrol edin. Renk olmadan bütün ilişki kayboluyorsa anlamın hangi ek metin veya şekille korunacağını ayrıca düşünün.
Dijital kullanımda işlevi erişilebilir biçimde anlatın
Bir ikon buton veya bağlantı olarak kullanılıyorsa görselin anlattığı eylem açık olmalıdır. W3C, işlevsel görsellerin metin alternatifinde şekilden çok işlevin anlatılmasını önerir. Örneğin büyüteç tarif etmek yerine arama eylemi açıklanır. Dekoratif çizimle bilgi taşıyan görsel aynı biçimde ele alınmamalıdır. Görsel sistemin teslimi, uygulama ekibinin bu ayrımı hangi durumlarda yapacağını da açıklasın; yalnızca çizim dosyaları gönderilerek bütün dijital görevlerin çözüldüğü varsayılmasın.
BOCW teslimini genişleyebilir bir kütüphane olarak düzenleyin
Onaylı kavram adları, düzenlenebilir kaynaklar, yayın sürümleri ve kullanım örneklerini birlikte saklayın. Yeni ikon gerektiğinde mevcut şekli rastgele birleştirmek yerine hangi kurala göre üretileceği belli olsun. Kullanılmayan eski öğelerin yeni paketle karışmasını önleyin. Son kontrolde iki benzer işaretin farklı kavramları karıştırmadığını ve bir kavramın farklı yerlerde aynı adla kullanıldığını doğrulayın. Sistem, sonraki ihtiyacı karşılayabilecek kadar açık; her yeni fikri aynı ayrıntıya zorlamayacak kadar esnek olmalıdır.
Akılda kalacaklar
- Önce kavramları ve okuma görevlerini tanımlayın; sonra şekilleri geliştirin.
- İkon ve illüstrasyon için ilişkili fakat farklı detay düzeyleri oluşturun.
- Gerçek ölçekte anlamı sınayın; dijital işlevler için açıklayıcı etiket ve alternatifleri planlayın.
Sık sorulan sorular
Bütün ikonlar aynı kutu ölçüsünde mi olmalı?
Ortak çalışma alanı yararlı olabilir; ancak görsel ağırlık ayrıca kontrol edilmelidir. Matematiksel eşitlik tek başına dengeli görünüş sağlamaz.
İkon varsa açıklama metnine gerek kalmaz mı?
Her zaman değil. Özellikle soyut veya benzer kavramlarda kısa etiket anlamı netleştirebilir. İşareti gereksiz tahmin yüküne dönüştürmeyin.
Yeni illüstrasyonlar sisteme sonradan eklenebilir mi?
Kurallar ve onay sorumlusu tanımlanırsa eklenebilir. Kaynak dosyaları ve örnekler, yeni üretimin mevcut dille ilişki kurmasına yardımcı olmalıdır.
