Daha İyi Simge Tasarımına 8 Basit Adım
Simgeler her yerdedir. Ana ekranlardaki uygulama simgelerinden, kullanıcılara bir tasarım yoluyla yönlendiren grafik sunumlara kadar, simge tasarımı çok önemli.
İyi ikon tasarımına güzel bir sanat var. Bu eleman sadece en küçük boyutlarda tanınabilir hale getirmekle kalmaz, aynı zamanda vektör tabanlı ikonlar da büyük boyutlu oranlarda kullanılmak üzere ölçeklendirilebilir. Bazı tasarımcılar, baskın görseller için simge tarzı resimler kullanıyorlar.
Nereden başlıyorsun? İşte sekiz (biraz) basit adımda daha iyi bir simge tasarlama rehberi.
1) Bir ızgara ile başlayın
İyi ikon tasarımı sağlam bir temel ile başlar. Bir simge çizmeye başlamak için ihtiyacınız olan basit bir kare blok ızgaradır.
Kalem ve kağıt ile ikon skeçler oluşturmak veya tasarım yazılımında kare piksel ızgarasıyla başlamak için ilkokulda çalıştığınız aynı kılavuzlanmış kağıdı kullanın. Kare şeklindeki bir tuval üzerinde tasarım yapmalısınız, çünkü çoğu simge kare alanlara sığmaya ihtiyaç duyuyor. (Bu, uygulamaların simgelerinden web sitesi tasarımlarındaki simgelere veya sosyal medya profillerine kadar her şeyi içerir.)
Bir ızgaraya sahip olduğunuzda, kendinizi çevrenizde bir beyaz boşluk unsuru sağladığınızdan emin olun. Bu, gerektiğinde bir arka plan eklemek için yeterli esneklik sunacak ve yuvarlatılmış kenarlara veya başka türden kesimlere sahip olabilecek uygulamalarda simgenin kesilmesini engelleyecektir.
Sadece şebekeniz kare olduğu için simgenizin olması gerektiği anlamına gelmez. Yuvarlak veya daha dikdörtgen olabilir. Unutmayın: Kare olmayan bir şey tasarlarken, daha sonra kullanım kolaylığı için ızgarada yatay ve dikey olarak hizalanmalıdır. Ayrıca bir simge seti için tutarlı bir ölçek korumanıza yardımcı olacaktır.
Kılavuz, sadece tutarlı bir şekilde tasarlayabileceğiniz bir çerçeve oluşturmanıza yardımcı olmak içindir. Bonus olarak, simgenin öğelerini çizmek için ızgarayı da kullanabilirsiniz; Düz çizgileri çizmek için kılavuz çizgileri kullanın veya tasarım içindeki konturların yerleşimini belirleyin.
2) geometri ile inşa
Simgeler genellikle küçüktür, bu nedenle kullanıcıların bir bakışta tanıdığı elemanlarla bina oluşturmak önemlidir. Bu yüzden çok fazla ikon geometrik şekillere dayanıyor.
Daireler, kareler ve üçgenler, şekillerin en popüler kombinasyonlarıdır. Kullanıcılar bunları düşünmek veya ne olduklarını sorgulamak zorunda değildir. Her şekil basit ve tanımlanabilir. Daha sonra aynı geometrik stiliyle başka elemanlar oluşturmak için birleştirilip bağlanabilirler.
Örneğin, Dropbox simgesine bakın. Bir kutu oluşturmak için birbirine bağlı birkaç kareden başka bir şey değildir. Konsept, her boyutta okumak için yaratıcı, basit ve kolaydır.
Bir başka popüler “geometrik” seçenek, ikonografinin bir parçası olarak tek bir blok harf kullanmaktır. Bu, yaygın uygulama için iyi çalışmadığı halde, fonksiyonel bir marka tanımlayıcısı olarak kullanılabilir. Facebook, bu simge kullanımının eylem halindeki birincil bir örneğidir.
3) Eşsiz bir şekil yaratın
Daireler ve kareler ile başlamak yararlı olurken, sizinkinde bir şekil oluşturmak istersiniz. Marka belirleyici bir simgeyle çalışıyorsanız bu en önemlisidir. Görünüşte karmaşık görünen simgeler bile genellikle daha benzersiz bir şeye dönüşen basit şekillerle başlar.
Teklik söz konusu olduğunda, düşünülmesi gereken birkaç tasarım öğesi vardır.
- Görüntülerden uzak durun. Küçük gözükmeyecekler.
- Metinden uzak durun. Kullanıcılar bunu okuyamayacak.
- Bazı trendler değerlidir. Düz ve neredeyse düz ikon stilleri harikalar yaratır.
- Düz çizgilerle ve ızgaradaki noktalarla bağlanan açılarla çalışın. Eğriler çabuk geçebilir.
- En iyi simgeler renkle çalışır, ancak siyah ve beyaz anahatlar olarak da bilinir.
4) bol bol verin
Simgeler nefes almak için bolca alana ihtiyaç duyar. Simgelerin nasıl kullanıldığını düşün. Özellikle, kullanıcıların cihazlarında çılgın duvar kağıdının üstünde görecekleri bir uygulama simgesi tasarlıyorsanız, tasarımın çerçevenin içine daha okunabilir ve ayırt edilebilir hale getirilmesi için biraz ayarlanması gerekir.
Kılavuzunuzda, kenar çevresinde tutarlı bir kenarlık oluşturun. Bu boşluğu, baskı tasarımında bir kanama ile çalışırken yaptığınız gibi düşünün. Rengin tuvalin bu kısmına uzanması gerekiyor, ancak muhtemelen görülmeyecek.
5) marka renklere sopa
Sadece simge renk paletleriyle delirtme, çünkü yapabildiğiniz için. Marka çalışması için bir şeyler oluşturuyorsanız, renk paletinize bağlı kalın. Bir simge için normal marka logonuzdan farklı olabilirken, renk tutarlı kalmalıdır.
Bir web tasarım paketi veya başka bir kullanım için bir simge üzerinde çalışıyorsanız, önce siyah veya beyaz simgelerle başlayın. Ardından tasarımı tamamlamaya yaklaştıkça renk katın. Yüksek kontrastlı basit öğelerle çalışarak - siyah üzerine beyaz veya siyah üzerine siyah - her simgenin uzayda nasıl göründüğüne dair bir fikir edinirsiniz. Renkten bağımsız çalışırsa, renk katkısıyla da iyi çalışacağı şansı artar.
6. Tutarlı dilleri kullanın
Simge tasarımındaki her ayrıntıya dikkat edin. Tasarımda köşeli bir köşe mi kestiniz? Sonra tüm köşelerde bunu yapmayı düşünün.
Bu küçük detaylar önemli görünmeyebilir - en küçük boyutlarda bile tamamen görülemeyebilir - daha fazla grafik gösterimde kullanılan ikonlara klasik bir yetenek katabilirler.
Daha fazla tasarımcı, simgeleri tasarımlar boyunca düğmeler olarak kullanıyor ve daha fazla metin ağır öğeleri arasında gözlere yardımcı oluyor. Dikkatle hazırlanmış simgeler kullanıcıyı memnun etmeye ve web sitesi dönüşümlerini teşvik etmeye yardımcı olabilir.
7. En küçük boyut için tasarlayın
Simgeler neredeyse her boyutta kullanılabilir olsa da, tasarımı en küçük boyutlarda çalışacak şekilde tasarlamayı istersiniz. Yaygın olarak favicon simgeleri sadece 16 x 16 piksele yüklenir. Simgeniz bu boyutta çözülebilir mi?
Cevap hayır ise iki seçeneğiniz vardır:
- Simge tasarımı ile baştan başlayın.
- Favicons gibi küçük alanlar için alternatif bir simge oluşturun.
8) Süslemeyin
Son olarak, basit olsun. Simge tasarımınızı dekore etmeye özen gösterin. En iyi uygulamalardan bazıları hala garip simgelerden muzdarip. (Wunderlist hemen aklına gelir. Sadece gölgeler olmadan ve ne kadar güzel görüneceğini düşünün.)
Dekorasyon sadece bu küçük alanlarda garip görünmekle bitiyor. Ayrıca tasarımı da altüst edebilir. Simgeleri tasarım aksan işaretleri olarak düşünün, bunlar birincil odak değildir. Bir kullanıcı bir simgeyi çok uzun sürerse, bunun anlamı üzerinde çalışmayı denedikleri için, yapmaları gerekenleri izleyebilirler. Simgeler hızlı etkileşimleri işaret etmelidir.
Sonuç
Bu beceriyi geliştirmek için zamanınız varsa, simge tasarımı çok eğlenceli olabilir. Ama eğer bir uzman değilseniz endişelenmeyin. Orada projelerinizde kullanmanız için simge setleri yayınlayan çok sayıda harika mağaza var.
Simge tasarımına yeni başlıyorsanız, bu setlerden birini indirmeye değer. Bir ızgaradaki simgeleri atın ve birbirinden ayırın. Bu alıştırmadan kendi basit şekillerinizi nasıl daha iyi oluşturacağınız hakkında çok şey öğrenebilirsiniz.