İkonografide Ustalaşmak: İkon Tasarımının 3 Yapılması ve Yapılmaması Gerekenler

0
10

Bu konuk gönderisinde, Iconaday’in kurucusu Samuel Lee Miller, etkili simge tasarımının yapılması ve yapılmaması gereken üç şeyi paylaşmak için uğrar.

Kolayca gözden kaçırılabildikleri halde, simgeler tasarımda çok önemli bir rol oynarlar – kullanıcılara rehberlik etmek, fikirleri ve bilgileri iletmek ve içeriğe hiyerarşi getirmek – bunlardan birkaçı.

Yine de ikonları basit, yeni yollarla oluşturmak bir zorluk olmaya devam ediyor. Dikkate alınması gereken birçok değişken olsa da, bu makale simge tasarım sürecinizde üzerinde düşünmeniz gereken birkaç şeyi özetlemektedir.

✖️ Araştırma Yapmadan Simge Tasarlamayın

Tasarımdan önce araştırma yapmak her zaman önemlidir, ancak simge oluştururken çok önemlidir. Bunun için iyi bir uygulama, sadece sembolleri görsel olarak araştırmak değil, aynı zamanda kelimeleri, çağrışımları ve diğer semiyotik ilkeleri de araştırmaktır.

Dikkate almanız gereken şeylerden bazıları şunlardır: amaçlanan anlam veya istenen eylem (insanların sembolü anlamasını nasıl umduğunuzu düşünün) ve bu kavramın geçmişte nasıl temsil edildiğini.

The Noun Project gibi bir simge pazarına bakmak, tasarımcıların daha önce kavramları nasıl görselleştirdiklerini daha iyi anlamanıza yardımcı olabilir. Bu araştırmayı kalıpları keşfetmek ve tasarımınızı bilgilendirmek için kullanabilirsiniz.

sağlık simge seti sembolleri iconset simge simgeleri paketi simgeleri simge tasarım ikonografi

✖️ Yaygın olarak anlaşılan simgeleri DEĞİŞTİRMEYİN

Belirli semboller, belirli bir anlam için yaygın olarak bilinir. Bir veteriner web sitesinin arama çubuğu için bir köpek simgesi kullanmak ilginç ve hatta eğlenceli görünse de, yanlış anlaşılmalara yol açabilir. En azından, kullanıcıyı ihtiyaç duyduklarından daha uzun süre düşündürüyorsunuz.

Bunun yerine, göreviniz “aramayı” iletmekse, bir büyüteç tasarlayarak genel olarak projeye bağlanacak şekilde düşünün. Simgeye yaklaşabileceğiniz benzersiz bir açı var mı? Markanın imza renkleri var mı, belirli bir çizgi ağırlığı kullanıyor mu veya logosunda tam bir açı var mı? Bu temel nitelikleri tasarımınızda kullanabilirsiniz.

Bu yaklaşımı benimsemek, simgelerinizin görsel olarak ilgi çekici ve sahip olunabilir kalmasına yardımcı olurken, aynı zamanda insanların genellikle onları tanıdığı anlamı korur.

Kategori Simgeleri kullanıcı arabirimi illüstrasyon vektör simgesi

✖️ Gereksiz ayrıntılar EKLEMEYİN

Simgeler, basitliği ve kavramları hızlı bir şekilde iletme yeteneği ile bilinir. Bir kişi bir simgeyi tarayabilmeli ve ne anlattığını hemen anlayabilmelidir.

Bir tasarımcı bir simgeye çok fazla ayrıntı eklediğinde, bu sadece dikkat dağıtmakla kalmaz, aynı zamanda kafa karışıklığına da yol açabilir. Öte yandan, yeterli içeriğe sahip olmayan bir ikonun anlaşılması zor olabilir.

Simgeler tasarlarken form ve işlev dengesi bulmak önemlidir.

Simgeleri tasarlarken biçim ve işlev dengesini bulmak önemlidir, bu nedenle önce simgenin neyi iletmesi gerektiğini iyice düşünün. Sonra bunun görsel olarak nasıl ifade edilebileceğini araştırın – her zaman bir düzenleme gözü kullanarak ve simgenin özünü düşünün.

Simgeleri basit, yeni şekillerde yapmak, simge tasarımında karşılaşacağınız en büyük zorluklardan biridir.

Myicons - Arayüz, Temel, Kullanıcı Arayüzü vektör hattı simgeleri web kullanıcı arabirimi web tasarımcısı web tasarım kullanıcı arabirimi seti kullanıcı arabirimi paketi kullanıcı arabirimi kiti kullanıcı arabirimi simgeleri kullanıcı arabirimi tasarımcısı kullanıcı arabirimi tasarımı kullanıcı arabirimi simgeleri çizgi simgeleri arayüz simgeleri simgeler paketi simgeler tasarım simgeleri simge paketi simge tasarımı düz simgeler temel simgeler

✏️ 25 Şubat’ta bir sonraki Dribbble Atölyemizde Simge Tasarımını Öğrenin!

✔️ Simgelerinizin tutarlı olmasını sağlayın

Simgelerinizin uyumlu görünmesini ve uyumlu hissetmesini sağlamak, simgeleri tasarlarken karşılaşacağınız zorluklardan biridir. Simge kitaplığınızda görsel tutarsızlıklar varsa, kafa karışıklığı ve markanızın görsel güvenilirliğine zarar verme riskiyle karşılaşırsınız.

Her simgenin tam olarak aynı görünmemesi gerekse de, baştan sona tutarlı özelliklere sahip olmak simge kümelerini bir araya getirir. Hangi görsel öğeden çizdiğiniz önemli değil, simge kitaplığınız için yönergeler oluşturmak tutarlılık ve kalite sağlar.

Ücretsiz: İkonsal Cam |  Karanlık karanlık sohbet cam cam simgesi freebie temel simgeler simgeler simge tasarım simgeler paketi simge seti simgeleri temel illustrator ui vektör simgesi en az düz illustraion tasarımı

✔️ Simgenizin bağlamını ve amacını hatırlayın

Simgeleriniz nerede kullanılacak? Bir uygulamanın arayüzünde, bir pazarlama web sitesinde veya basılı materyallerde mi uygulanacaklar? Simgeleri tasarlamaya başlamadan önce bunları hesaba katmak önemlidir.

Bağlamınız, simgeler tasarlama yaklaşımınızı önemli ölçüde değiştirebilir. 16 piksellik bir arayüz simgesi, daha büyük ölçekli, açıklayıcı bir marka simgesinden çok farklı görünebilir ve hissetmelidir. Projenizin başında nihai hedefinizi aklınızda bulundurmanız, simgeyi daha etkili bir şekilde tasarlamanıza yardımcı olacaktır.

Uygun şekilde kullanıldığında, simgeler bir tasarımı daha karmaşık hale getirmek yerine sezgisellik katar.

Simgelerinizin nerede kullanılacağını düşünmek önemli olduğu gibi, simge aracılığıyla neyi başarmayı umduğunuzu ve birini kullanmak en iyi yaklaşım olup olmadığını da düşünmek önemlidir.

Simgeler, en iyi haliyle, kasıtlı bir amaca hizmet eder. Bir deneyimi iyileştirirlerse, elbette, onları özgürce kullanın. Bununla birlikte, karışıklık veya karışıklık eklerlerse, sorunu çözen ve aynı ilkeleri ileten diğer olası tasarım çözümlerini düşünün. Uygun şekilde kullanıldığında, simgeler bir tasarımı daha karmaşık hale getirmek yerine sezgisellik katar.

Bazen bir simgeyi tek başına kullanmak bilgilerinizi iletmek için yeterli değildir. Metnin yanına (veya bağlama göre yakınına) seçerek eklenmesi, insanların içeriğinizi kolayca anlamalarına yardımcı olmak için çok önemli olabilir. Kavram ne kadar belirsiz veya karmaşıksa, simgeyi açıklamak için metin eklemenin tasarıma yardımcı olma olasılığı o kadar yüksektir. Bunu dijital tasarımda yapmanın bir başka yolu da bir araç ipucu eklemektir. Bu, tasarımınızı kompakt tutarken aynı zamanda simgenin ne anlama geldiğini açıklar.

simge seti ux ui ios web sitesi illüstrasyon marka logosu simgesi

✔️ Belgelenmiş kullanım durumları ile tasarım sisteminizde bir simge kitaplığı oluşturun

Belirtildiği gibi, bağlamınız simgenizin nasıl göründüğünü belirleyebilir, ancak her zaman son sözü söylemez.

Bir tasarım sistemi boyunca ikon tasarım stillerini (tek çizgi, glif vb.) Karıştırmak, tasarımlarınızda görsel bir hiyerarşi sağlayabilir. Tıpkı tipografide olduğu gibi – eğer her şey kalınsa, hiçbir şey öne çıkmaz – bu da ikonografide öyle. Tüm simgeleriniz çok benzer görünüyorsa, olabildiğince açık bir şekilde iletişim kurmayabilirler.

Çeşitli tasarım stillerini uygun belgelerle markanızın simge kitaplığına anlamlı bir şekilde dahil etmenin yollarını bulmak değerli bir arayıştır.

Dostu Çizgi Simge Seti bileşenleri kitaplığı kroki figma tasarımı kullanıcı arabirimi ikonografi seti simge seti

Samuel Lee Miller Samuel Lee Miller, simgeleri görsel tasarımın kısa hikayeleri olarak kutlayan bir topluluk olan Iconaday’ın kurucusudur. Güne göre Ürün Tasarımcısı ve mümkün olduğunda oynatma listesi küratörü, sorunları çözmek ve başkalarına yardım etmek için tasarımı kullanma konusunda tutkulu.

Simge tasarım fikirleri

Kendi harika simgelerinizi tasarlamaya hazır mısınız? Aşağıdaki görsel örneklerden ilham alın ve Dribbble’da daha fazla ikon tasarım ilhamı bulun. Mutlu tasarım! ■

dolgun simgeler çift ton stilize retro minimalist kuşlar evcil vahşi hayvanlar simgeler ux simgesi tasarım web ui vektör ayarla

Stannum Vektör Simgeler glif png svg ressam photoshop kroki cihazlar medya taşıma finans ofis paketi simge seti vektör uygulama simgeleri indir pixelbuddha

Kategori Simgeleri bb-8 ikonografi simgeleri basketbol köpek kulaklıkları şemsiye plaj çekici barbekü yürüyüş mum xbox oyun tesisi ev mutfak starwars bb8

3D simgeler çevre eko yeşil simgeler b3d blender

Hava simge seti - Karanlık karanlık hava simgeleri set simge seti illustrator marka logosu minimal simge düz vektör kullanıcı arabirimi illüstrasyon tasarımı

Simgeler logo simge simge vektör tasarım çizim ayarla

Cam Simgeler illüstrasyon tasarım marka simgesi simgeler paketi simgeleri iconset degrade soyut basit modern bulanıklık cam

Myicons✨ - Oteller vektör hattı simgeleri paketi kroki web kullanıcı arabirimi web tasarımcısı web tasarım kullanıcı arabirimi seti kullanıcı arabirimi paketi kullanıcı arabirimi simgeleri kullanıcı arabirimi tasarımcısı kullanıcı arabirimi tasarımı kullanıcı arabirimi taslakları çizgi simgeleri arayüz simgeleri simgeleri paket simgeleri tasarım simgeleri simge paketi simge tasarım temel simgeler

Sistem simgeleri sistem tasarımı ui marka vektör kimlik logo simge illüstrasyon

Satır 1: Icons8 için Aleksey Chizhikov, Pixelbuddha, Matt Naylor. Satır 2: Mohamed Chahin, Afshin T2Y ⚡️, Anna Raz. Satır 3: Ted Kulakevich açılmak üzere, Myicons✨, Nick Botner.

Courtside blogumuzda daha fazla Süreç hikayesi bulun. Bir öneriniz mi var? Stories@dribbble.com ile iletişime geçin.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz