Tasarımlarınızda Etkili ve Çekici Simgeler Nasıl Seçilir
Simgeler, web tasarımının evrenselliklerinden biri olarak düşünülebilir; hemen hemen her web sitesi en az birkaçının eklenmesinden yararlanır. Bu nedenle, bu küçük resimlerin bir avuç içine serpilirseniz, işinizin bittiğini varsaymak caziptir. Ancak bundan çok daha fazlası var: iyi simgeler, görsel olarak bulundukları görüntü grubuna ve bir bütün olarak site tasarımına entegre edilmiş gibi hissetmelidir. Sadece göz şekeri olmanın ötesine geçen kavramsal bir netliğe ve amaca sahip olmaları gerekir. Belirtilen bir amaca hizmet etmeyen veya görüntülerinde doğru kavramı taşımayan herhangi bir simge, yeniden değerlendirilmesi gereken bir simgedir.
Tabii ki, herhangi bir görüntü ile yorumlama ve genelleme için yer vardır, ancak simgeler sadece alanı bölmek ve ilgi eklemek için kullanılan illüstrasyonlar değildir: bunlar bir konuya tek bir bakışta anlam kazandırabilen görsel metaforlardır; ve bu nedenle, kullanıcı deneyimlerini geliştirmek için güçlü bir araçtır.
Simgeleri Nasıl Kullanmalısınız?
İkonografi kaygan bir konu olabilir, çünkü çok fazla görüntü türünü kapsar ve çok fazla rol üstlenebilir. Simgeler birçok amaç için kullanılabilir, ancak en yaygın ve önemli olan ikisi:
- İçerikteki görsel molalar : daha çekici ve okunabilir hale getirir. Bu uygulama genellikle web sitesinin gövdesinde, listelerde (yukarıda görüldüğü gibi) veya diğer metin ağırlıklı öğelerde kullanılır.
- Bir kavram için hızlı görsel referans : Bu kullanım çoğunlukla gezinme öğelerinde (yukarıda görüldüğü gibi) görülür ve bazıları - bir aramayı gösteren büyüteç simgesi gibi - bir metin tanımlayıcıya bile ihtiyaç duymayacak kadar yaygındır.
Sadece bu iki kategorinin bile simgeleri kullanmanın sayısız yolunu ve nedenini ortaya çıkardığı açıktır, bu nedenle bunları web tasarımının hemen hemen her öğesinde görebilirsiniz: üstbilgiler, altbilgiler, gezinme çubukları, listeler; pratikte bir tasarımın herhangi bir kısmı iyi seçilmiş ikonların eklenmesiyle geliştirilebilir.
İyi Bir İkon Yapan Nedir?
Simgelerin hemen hemen her iyi web sitesi tasarımı için nasıl önemli bir bileşen olduğunu görmek zor olmasa da, bazen performans göstermedikleri zaman fark etmek zor olabilir. Kötü tasarlanmış bir simge seti bile genellikle bir metin duvarına tercih edilir, ancak yukarıdaki gibi güzel anlamlı simgeler kümesi çok daha fazlasını yapabilir.
Simge tasarımı her yeni durumla değişen karmaşık bir konu olsa da, tüm uygulamalarda etkili simge tasarımı için geçerli olan birkaç temel kural vardır: herhangi bir simge sisteminde dikkate alınması gereken iki kritik şey, simgelerin hem görsel olarak hem de kavramsal olarak etkili.
Simgeleri Görsel Olarak Etkili Nasıl Yaparsınız?
Simgeler, ilgili içeriğin gruplandırılması ve kümedeki diğer simgelerle ve etrafındaki site tasarımıyla tutarlı ve dikkate alınmış ilişkileri varsa, önemli bilgilere dikkat çekerek daha iyi bir iş çıkarır.
Simge Kümeleri Görsel Birleşime Sahip Olmalıdır
Bireysel olarak değerlendirildiklerinde ne kadar büyük olursa olsun, yeterli uyumu olmayan bir grup simge yanlış görünüyor. Birlik hissi yaratabilecek birçok püf noktası var:
- Yukarıda görüldüğü gibi aynı renk veya renk şemasını kullanarak.
- Tüm simgelerinizi yukarıda görüldüğü gibi aynı şekle sığdırın.
- Simgelerinizi yukarıda görüldüğü gibi çizgilerle veya diğer kenarlık nitelikleriyle veya bunlar olmadan şekillendirin.
- Yukarıda görüldüğü gibi degradeler, saydamlar veya alt gölgeler gibi efektler ekleme.
Bu amaçla, resimlerinizin stilini konulara göre nasıl uyarlayacağınızı düşünmek önemlidir. Örneğin, simgelerinizi bir açıyla 3D efekti ile temsil etmek isteyebilirsiniz. Ancak, yukarıdaki örnekteki simgelerden birinin hediye kartını temsil etmesi gerekiyorsa ne olur? Bir kartı temsil eden bir simgenin kesinlikle iki boyutlu olması gerekir ve bu da gittiğiniz etkiyi mahveder.
Simgelerin Seti ve Kapsamı Ne Kadar Büyükse, Sahip Olmaları Gereken Çeşitlilik
Bir kümedeki simgeler yakın bir uyumluluğa sahip olsa da, büyük resim kümeleri söz konusu olduğunda kuralları bükebilir ve hatta kırabilirsiniz. Yukarıda görülen bu web sitesi, simgelerinin farklı boyutlarını benimsemeye karar verdiklerinden, aynı boyutluluk konusunu ele alan mükemmel bir örnektir. İki tür ayrıldığından, farklılıklar birbiriyle karıştırılmaz, bu da onları birbirine benzemeden birlikte iyi çalışan ilgili simge sistemlerine dönüştürür.
Bu küçük değişikliklerin yanı sıra, site, karşılaştığınız diğer simgelerde, daha büyük ve daha karmaşık şekillere sahip olan ve 3D efektini çoğaltan, ancak tamamen farklı bir tarzda daha da farklılaşıyor. Bununla birlikte, bunların hepsi hala iyi çalışıyor çünkü birkaç ortak unsuru koruyorlar ve izleyiciyi boğmayacak kadar ayrılmış durumlarda sunuluyor.
Simgeler, Site Tasarımınızın Geri Kalanı ile Uyumlu Olmalıdır
Tabii ki, simgelerinizin diğer tasarım öğelerinizle çalışmasını sağlamak için kullanabileceğiniz sonsuz sayıda yöntem var. Ancak temel düzeyde, bu konuda en etkili iki yol şunlardır:
- Simgeler, sitenin geri kalanına karşı bir kontrast noktası olarak : Bu yaklaşım, özellikle bu sosyal medya bağlantıları (yukarıda görüldüğü gibi) gezinme durumundaysa etkilidir, çünkü kontrast onlara çok dikkat çeker.
- Simgeleri diğer tasarım öğeleriyle bütünleşecek ve diğer tasarım öğelerine benzeyecek şekilde şekillendirin : Bu, görsel mühlet ve netlik sağlamakla ilgili görüntüler için iyi bir seçenektir ve yukarıda görüldüğü gibi gezinme öğelerinin ek vurgu yapmasına gerek yoktur.
Simgeleri Kavramsal Olarak Etkili Nasıl Yaparsınız?
Simgelerin dikkati yönlendirmede ve bir tasarımın estetiğine katkıda bulunmasında doğru rolü oynaması önemlidir, ancak iletişim kurdukları kavramlar açısından da mantıklı ve tutarlı olmaları da aynı derecede önemlidir.
Simgelerin Kolayca Anlaşılması Gerekir
Bir yandan, görüntüler zor olabilir, çünkü yorumlar asla mutlak değildir. Ama öte yandan, kelimelerden çok daha yönetilebilirler, çünkü yeterince açıklarsa dili aşabilirler. Web tasarımının bol olduğu basit yönergeler, yukarıda görüldüğü gibi evrensel iletişim için mükemmel bir araçtır.
Ancak bazen tasarımcılar ikonografiye daha karmaşık kavramlar koymaya çalışırlar ve etki yukarıda görüldüğü gibi açıklığa kavuşturmak yerine kafa karıştırıcıdır. Bu durumlarda, bir adım geri atmak ve içeriği temel özüne kadar damıtmaya çalışmak iyidir. Yapamazsanız, bir simge o içerik için doğru çözüm değil demektir. Resimli iletişimin sınırlarını zorlayan akıllı ikonografiyi bulmak için en iyi kaynaklardan biri, amaç genellikle her bilgi parçasından bir simge oluşturmak olan Infographic tasarımıdır.
Web tasarımı büyüdükçe ve katlanarak olgunlaştıkça simge tasarımı da büyür. Bir zamanlar ikonografiyle tasvir edilmesi imkansız olan kavramlar hızla standartlaşıyor ve web tasarımcısının iletişim araçlarına ekleniyor. Evrensellik için bu itiş ile, simgelerin tasarımın zaten olduğundan daha önemli bir parçası olacağı güvenli bir tahmin. Ve bu temel kullanım yöntemlerini göz önünde bulundurarak, herhangi bir proje için güzel, işlevsel ve etkili tasarımlar oluşturmak için gereken tüm sanat ve netlikle bunları üstlenebileceksiniz.
