Emmeyen Simgeler Tasarlamak için 10 İpucu
Hemen hemen her tasarımcı bugünlerde uygulama tasarımı düşünüyor. Her uygulamanın en küçük özelliklerinden biri, her mobil cihazın ekranında ve uygulama mağazalarında onu temsil etmek için kullanılan simgedir. Harika bir simge tasarlamak, bir logoyu bir kutuya koymaktan daha fazlasıdır. Orada diğer tüm uygulama simgeleri arasında öne çıkan bir şeye ihtiyacınız var.
İyi bir simge çeşitli şekillerde kullanılabilir - uygulamalar, sosyal medya ve hatta daha küçük basılı projeler veya kartvizitler için. Ve tek gereken küçük bir tasarım ve planlama.
1. Okumayı Kolaylaştırın
Bir simgenin okunması kolay olmalıdır. (Ve metin hakkında konuşmuyoruz.) Görsel okunabilirlik çok önemli.
Simge, markalama nedeniyle veya anlaşılması kolay olduğu için oldukça tanınabilir bir görsel içermelidir. Örneğin, bilgisayarınızın masaüstündeki simgeleri düşünün. Simgelerin basit doğası nedeniyle şeylerin nerede bulunduğunu biliyorsunuz - belgeler klasörlerde saklanıyor, müzik nota biçimindeki bir düğmeden çalınıyor ve görüntüler Polaroid fotoğrafına benzeyen bir yerde saklanıyor.
Görsel okunabilirlik söz konusu olduğunda, marka bilinci oluşturmanın önemli bir parçasıdır. Büyük, ev markaları genellikle logolarının bir parçası olan simgeler veya ikonik bir görüntüye sahiptir. İnsanlar bu unsurları küçük boyutlarda bile hemen tanıma eğilimindedir. Bu, yeni veya daha küçük markalar veya simge konseptleri için biraz daha zor olabilir ve tasarımcılar optimum etki için diğer tekniklerle gitmeyi tercih edebilir.
2. Düşünme Simgesi, Görüntü Değil
Simge, kutudaki bir fotoğraf değildir. Bir simge bir görüntü içerebilir, ancak aynı zamanda bir metin temsili, kayıt defteri veya bu öğelerin birleşimi de olabilir.
Sadece son derece görsel ve tanınabilir olmalı. Çoğu logo gerçek fotoğrafları içermez, ancak bir fikrin daha grafiksel temsilidir. (Bu kavram, vektör tabanlı bir simge oluşturma gereği ile vurgulanmaktadır.)
Bir görüntünün küçük boyutlarda okunması zor olabilir ve kullanıcının telefonundaki veya başka bir cihazdaki diğer simgelerin denizinde kaybolabilir. Daha grafik bir sunum genellikle daha fazla görsel ağırlık taşıyabilir.
Macy'nin yukarıdaki mağaza için mobil uygulama simgesi bunun iyi bir örneğidir. Kırmızı bir kutunun ortasındaki büyük beyaz yıldızın tanımlanması kolaydır. Simge, şirketin imza simgesinin standart işleminden, rengin simgeye vurgu yapmak için tersine çevrilmesinden farklıdır. Kırmızı bir arka plan muhtemelen çeşitli kullanıcı duvar kağıtlarına karşı beyaz olandan daha fazla göze çarpacaktır.
3. Kelimelerden Kaçının
Simgelerde görmeyeceğiniz bir şey, kelimelerin kullanılmasıdır. Basitçe okunacak ve anlaşılacak şeyler ile dolu bir ikon için yeterli yer yoktur.
Genel bir kural olarak, logonuzun bir parçası olmadığı sürece metinden tamamen kaçının. Bir logonun parçası olan metin bile, birincil logo tasarımında kullanılmadan önce dikkatle düşünülmelidir.
Simge, kelimeler olmadan kimlik yaratacak şekilde tasarlanmalıdır. Ayrıca, üzerinde göründükleri cihazlarla ilgili olarak kaç simgenin gerçekten kullanıldığını unutmayın. Çoğu, gerçek simge bloğunun altında bir açıklama metni satırı içerir.
Örneğin, Design Shack simgesi, web sitesi ile tutarlı renk ve tür işlemleriyle tek bir “d” harfi kullanan simgedir. Bu birleşik marka ve okunması kolay mektup, kelimeler olmadan görsel bir bağ ve bağlantı oluşturur.
4. Canlı Renk Kullanın
Simgenizin öne çıkmasını ister misiniz? Renklerle cesur olun. Canlı bir renk seçeneği, uygulamanın çeşitli arka planlarda öne çıkmasına yardımcı olur ve kullanıcıların dikkatini çeker.
Bir simge tasarımından istediğiniz son şey, mevcut diğer tüm seçeneklerle uyum sağlamasıdır. Bu, mavi - özellikle gökyüzü ve lacivert tonlar - kaçınmak isteyeceğiniz bir renk yapar, çünkü diğer birçok simge bunu kullanır.
Ana logonuz veya marka renginiz mavi ise, etki için daha parlak bir şeyle eşleştirmeyi deneyin. Kireç yeşili gibi “yeni bir nötr” düşünün veya sonbaharda parlak turuncu veya ilkbaharda parlak pembe gibi mevsimsel bir ton seçin.
5. Bir Sembol veya Basit Logo Geliştirin
Muhtemelen markanız için bir logonuz var, ancak simgeler söz konusu olduğunda bir sembol de önemlidir. Bir sembol, bir logo veya görüntünün basit bir grafik temsili veya snippet'i olabilir.
Sadece keskin ve akılda kalıcı olması gerekiyor. Daha fazla marka, daha küçük simgeler ve daha büyük tasarım projeleri arasında tam bir bağlantı oluşturmak için standart markalarına ve logolarına ikonik semboller ekliyor.
Mesajlaşma ve fotoğraf paylaşım uygulaması Snapchat'i düşünün. Hayalet sembolü, kullanıcıların bildiği simge, diğer renk şemaları ve şekillerinde ve hatta bir reklam panosunda bağımsız bir görüntü olarak görünebilecek kadar tanınabilir hale geldi. Bu, çalışan bir sembolün en iyi örneğidir.
6. Ölçeği Hatırla
Birçoğumuz simgeleri telefonlarımızda veya masaüstü bilgisayarlarımızdaki küçük şeyler olarak düşünürken, bir simge her zaman küçük değildir. Boyutundan bağımsız olarak kullanılabilir hale getirilecek şekilde tasarlanmalıdır.
Bu, sürekli değişen dijital manzara, daha fazla retina ekranının ortaya çıkması ve farklı platformların ve cihazların farklı boyutlarda simgeler oluşturabilmesi nedeniyle özellikle önemlidir.
Büyük ve sonra ölçeklendirdi.
7. Vektör Formatında Oluşturma
Ölçek ve boyut söz konusu olduğunda, biçim de önemli bir husustur. Bir simge vektör tabanlı bir tasarım kullanılarak oluşturulmalıdır.
Bir vektör görüntüsüne sahip olmak, çok sayıda ayrı görüntü oluşturmadan çeşitli cihazlar, boyutlar ve görünüm pencereleri için değişiklik yapma ve simgeyi kaydetme özgürlüğü verecektir. Gerçek şu ki, çeşitli projeler için bir simgenin birden fazla versiyonuna ihtiyacınız olacak.
Vektörün faydası esnekliktir. Ama bir av var. Birçok uygulama veya platform için yükleme için bir kopyasını vektör olmayan bir biçimde kaydetmeniz gerekecektir.
8. Tasarım Kutusunun Dışında Düşünün
Son aylarda beyaz bir simge, düz tasarım teknikleri ve uzun gölgeler ile tek renkli arka planlar kullanan birçok simge vardı. Bu eğilimler çok eğlenceli olsa da, tasarım kutusunun içinde sıkışıp kalmayın. Simgenizle farklı bir şey yapın.
Herkes kare kenarlarla çalışıyorsa, daha yuvarlak bir şey düşünün. Tüm düz renklerden sıyrılmak için arka plana bir miktar doku ekleyin. Simgenizi herkesin ne yaptığını modellemek zorunda olduğunuzu düşünmeyin.
9. Monokrom Yap
Tasarımcıların küçük ölçekli tasarımların etkinliğini test etmek için yıllardır kullandığı eğlenceli bir numara var - tek renkli yapın. Tasarımınız aynı mesajı renkle veya renksiz olarak iletirse, muhtemelen çalışır. Simgenin okunması gerekiyorsa, düzeltmeler üzerinde çalışmaya devam edin.
Şahsen, hemen hemen her tasarım projesine siyah beyaz olarak başlıyorum ve daha sonra renk eklemeye başlıyorum. Bir bilgisayar kavramı kroki. Kağıt üzerine çizerseniz ve gerçekten renk eklemeye başlamadan önce çalışırsa, fikrin büyük olasılıkla sağlam bir çerçevesi vardır.
10. Düşünme Meydanı
Simgenizin ve kare çerçevenin içindeki parçaların da tam olarak oturması gerekir. Bu, tasarımın veya görüntünün tam olarak kare şeklinde olması gerektiği anlamına gelmez, ancak her simgenin temel en boy oranı eşit bir yüksekliğe ve genişliğe sahiptir.
Bu nedenle, süper dikey veya yatay bir sembolünüz varsa, etrafındaki alanı doldurmak için bir yol gerekir, böylece arka planda kaybolmaz. Çoğunlukla kare olacak bir alanın önemli bir bölümünü dolduran bir konsept tercih edin. (Yuvarlak, dairesel bir simge bile eşit yükseklik ve genişliğe sahiptir.)
Sonuç
Klişe gelebilir, ancak iyi simge tasarımının anahtarı… iyi… ikonik olmaktır. Bu kadar basit.
Sadelik, renk ve görsel tanıma göz önünde bulundurularak tasarım yapın. Arayüzleri ve mevcut eğilimleri düşünün, böylece standartlara uyacak şekilde tasarım yapın. (Bu günlerde bir iOS mobil uygulaması için bir skeuomorphic simgesi tasarlamazsınız, değil mi?) Ve eğlenin; bir simge, kullanıcıların dijital arayüzünüzün giriş kapısıdır.
Görüntü Kaynakları: Ash Kid, Casey Fleser, Roland Tangalo, Gustavo da Cunha Pimenta ve Microsiervos Geek Crew.
