Tasarım Projelerinde Simgelerin Etkin Kullanımı için 7 İpucu
Simgeler tasarlamak çok eğlenceli olabilir. Ama iyi bir setiniz olduğunda, onlarla ne yaparsınız?
Simgeler sadece Facebook veya Instagram için minyatür bağlantılar değil, aynı zamanda kullanıcıları bir tasarımda yönlendirmeye ve ekstra görsel kıvılcım sağlamaya yardımcı olan tamamen etkileşimli ipuçları olabilir. Simgeler küçük veya büyük, siyah beyaz veya renkli, düz veya karmaşık olabilir. Hangi tarz size hitap ederse etsin, simgelerin etkili kullanımı hemen hemen her tasarım projesinin kullanılabilirliğini ve estetik değerini artırabilir.
Envato Elements'i keşfedin
1. Görsel İlgi Alanı Ekleyin
Her görüntü nefes kesici bir manzara olmayacak. Bazen görüntüler yetersiz kalır.
Eğlenceli ikonografi, bu ilginç olmayan fotoğraflara daha fazla ilgi eklenmesine yardımcı olabilir. Fotoğrafın içeriğini geliştirmek, fazladan bilgi vermek ve etkileşim işareti sağlamak için simgeler kullanın.
Bir diş kliniği için yukarıdaki örneği alın (kuşkusuz, en ilginç görsel kavram değil.) Tasarım taze, parlak ve davetkar. Yüzün yanındaki basit simge “ampul fikri” ne yeni bir bakış getiriyor - küçük dişlere dikkat edin. Soldaki ekranın hafif kısmı ile parlak beyaz simge arasındaki denge de gözü tasarım boyunca çizmeye yardımcı olur. Sitenin geri kalanı navigasyon için başka küçük simgeler de kullanıyor.
2. Etkileşim Yaratın
Kullanıcı etkileşimini teşvik etmek için simgelerin belirli yerleşimlere sığması gerekmez. (Çok fazla şablon, kaydırmada üç sütun simgesi / metin kombinasyonunu kullanır.
Simgeler aslında etkileşimi yönlendiren unsur olabilir. İkonografi ve paralaks kaydırmayı eşleştirerek öğelerin ekran boyunca hareket etmesini sağlayın. Biraz beklenmedik bir öğe oluşturmak için resimlerle veya başka bir arka planla katman simgeleri.
Boone Selections, ikonografiyi kaydırmanızı sağlayacak şekilde kullanarak şarapları için bir seyahat sahnesi oluşturur. Uçak simgesi ekrandaki okları takip ederek (kaydırmaya tepki gösteren) bir düzlemde hareket eder. Her ekran resmi simgesi, kullanıcı ekranın bu bölümüne kaydırırken çizim olarak görüntülenir. Hareketler basit, klasik ve son derece etkilidir.
3. Animasyonu Kullan
Hiç kimse simgelerin statik elemanlar olması gerektiğini söylemedi. Onları canlandırın!
Ama çok delirme. En iyi simge animasyonları, simgenin içeriğiyle ilgilidir. Hareketler çok hızlı olmamalı çünkü biraz sinir bozucu olabilir. Hareketler çok yavaş olmamalı, çünkü kullanıcılar onları kaçırabilir. Ortada, simge hareketinin biraz zevk verdiği tatlı bir nokta var.
Tatlı Punk bunu zekice yapar. Simge, her yerde kullanılan, ancak bir kişiselleştirme damgası olan “aynı eski ampul” dür. Ampulün içine dikkat edin - bu bir alevdir. Ardından, ampul bir fikir girdabı ile sekerken eğlenceli bir gezinme eylemi var. Ayrıca, ampulün etrafındaki daire modeli hafifçe hareket eder ve fareyle üzerine gelme modellerine yanıt veriyor gibi görünür.
4. Simge Kümeleri Oluşturma
İlginç şekiller, çizimler veya el yapımı simgelerden oluşan kümeler ilginç bir görsel hale getirebilir. Kavram, simge paketlerini (yukarıdaki gibi) dağıtan web sitelerinde yaygın olarak görüntülenir, ancak daha geniş bir uygulaması vardır.
İyi bir görselden yoksun olduğunuzda, simge satırlarını düşünün - onları kullanarak küçük veya büyük boyutlu oyuncak - düşünün. Simgeler bağlantı olarak veya yalnızca kendi başlarına duran görüntüler olarak çalışabilir. Kümeler yalnızca iki veya üç simge veya üç kat daha fazla simge içerebilir. İçeriğinizin karar verme sürecini yönlendirmesine izin verin.
Kümelenmiş simgeleri kullanmanın güzel yanı, kutunun dışında gerçekten düşünebilmeniz ve yaratıcı bir şeyler yapabilmenizdir. Diğer bonus mu? İsterseniz bir simge paketi ile başlayabilir ve simgeleri kendiniz yapmak için özelleştirebilirsiniz. Her iki seçenek de çok eğlenceli olabilir ve size tamamen farklı bir şey denemek için bir yol verebilir.
5. Trendy Elemanları ile Birleştirin
Simgeler, bir proje için tasarım stratejisinin sadece bir parçası olmalıdır. İçeriğinizi düşünün ve modern bir estetik oluşturmak için ikonografiyi başka bir moda unsurla eşleştirin.
Simgeleri kullanmanın güzel yanı stil esnekliğidir. Simgeler, minyatür sanat eserlerini detaylandırmak için çizgi sanatından, taslak tabanlı stillerden düz kesilmiş tasarımlara kadar her şekil ve formda görünür. Bir proje için bir tasarım stiline karar verdikten sonra, o görsel tonla eşleşen bir dizi simge oluşturun.
Bir Simgeler Tarihi web sitesi bunu güzel yapıyor. Site, ikon stillerinin yıllar boyunca nasıl geliştiğini gösteriyor - bu, daha fazla ilham arıyorsanız, kendi içinde harika bir durum çalışmasıdır - ancak her simge, oldukça düz katmanlar, dokunsal özellikli bir malzeme tasarım stili deseninde bir konteyner öğesinin içine yerleştirilir. hareketler, temiz tipografi ve parlak renk.
6. Kaprisli bir bükülme koy
Belirli simgeler için, kullanıcıların bu öğelerin ne yaptığını tam olarak bilmesi için kullanmak isteyeceğiniz standart tasarımlar vardır. Sosyal medya bağlantıları, arama, alışveriş sepetleri ve gezinme okları için simgeler içerebilir. Yeni bir tasarım için kullanılabilirliği asla feda etmemelisiniz.
Ancak bu standart simge stillerine kendi tuhaf kıvrımlarınızı koyabilirsiniz. Rengi değiştirin, şekli değiştirin ve hatta stilinizdeki simgeleri yeniden çizin. İşin püf noktası, görsel tanıma özelliğini korurken benzersiz hissettiren bir şey yapmaktır, böylece kullanıcılar simgenin ne anlama geldiğini sorgulamaz.
Basit değişiklikler uzun bir yol kat edebilir. Bu tür bir ayarlama, ortak öğelerin tasarımınızın ve görsel hikayenizin bir parçası olmasına yardımcı olabilir.
Little Puds & Co. bunu kesinlikle büyüleyici bir şekilde yapar. Üst köşedeki ortak simgeler tanımlanabilir, ancak web sitesinin marka rengini alır. Simgeler normal Facebook ve Instagram renk paletlerinde olduğundan biraz daha yumuşak görünüyor ve tasarım boyunca kullanılan daha tuhaf, çocuksu tarzı ile eşleşiyor gibi görünüyor.
7. Özel Eskizler Oluşturun
Simgeler kendi başlarına minyatür sanat tuvalleri olabilir. İkonografi eğilimleri süper düz, çizgi sanatı renderlarına daha fazla yaslanırken, ayrıntılı eskiz size ait harika bir özel seçenek sunabilir.
Her el taslağı seti farklı olacaktır. Onları kategorize etmenin, sahip olabileceğiniz bir şey bulmaktan başka gerçek bir yolu yoktur. Kabataslak simgeler genellikle bunları kullanan markanın kimliğinin bir parçasıdır.
Infinity Foods, tasarımı boyunca bu stili harika bir şekilde kullanıyor. (Tam simge setine bakmak için etrafta gerçekten tıklamalısınız.) Çizim stili logo ile başlar ve aynı ayrıntılı, kalem stili tasarımdaki her simge öğesi için kullanılır.
Sonuç
Simgeler bir tasarım projesindeki en az düşünülen unsurlardan biri olsa da, en ilginç olanlardan biri olabilir. İyi ikonografi, bir projeyi o kadar cila ve incelik verecek şekilde bir araya getirebilir.
Simgelerle çalışmanın güzel yanı, iyi, vektör tabanlı bir setin çeşitli şekillerde ve değişen boyutlarda kullanılabilmesidir. Bir pazarlık abonelik fiyatı için binlerce ikon kapmak ister misiniz? Creative VIP sizi bekliyor!
