2020'de Simge Tasarımı: Temel Eğilimler
Simgeler, portföyünüzdeki tasarımın en önemli ve önemsiz tasarım örneklerinden biri olabilir. İşte bazı ilham verici örneklerle simge tasarımına bir göz atın.
Simge öğeleri hemen hemen her yerde gösterilir, ancak bazen sonradan düşünülerek üretilir. Durum böyle olmamalı. Harika simge tasarımı farklı olabilir ve bir projeye incelik ve yetenek katabilir.
2020'de yeniliklere ve ikon tasarımındaki yeniliklere bir göz atalım!
Envato Elements'i keşfedin
1. renk şekilleri ile çizgi simgeler
Hemen hemen her tasarım öğesinde iyi görünen çok yönlü bir stil sayesinde çizgi simgeleri her zaman popüler bir seçimdir. Eğilim, çizgi simgesinin arkasına, genellikle bir daire veya kare şeklinde bir renk pop ile biraz daha görsel bir ilgi ekler.
Renk şekli, çizgi simgesi tasarımının bir bölümünü doldurabilir, ancak daha çok arka planda kayandan daha sık değildir. Bu küçük görsel ilgi, bir simge setini birbirine bağlayabilir, marka rengini vurgulayabilir veya daha eski bir çizgi simgeleri sitesini yenileyebilir.
Simge tasarımının zor kısmı, renk şekli öğesinin yerleşimi ve boyutudur. Çok büyük veya çok parlaksa, simgeden uzaklaşabilir. Şekil çok küçükse, hata gibi görünme riskini alırsınız.
Mükemmel bir boyut olmasa da, bu eğilimi kullanan simgelerin çoğu renk şeklini simgenin tam boyutunun yaklaşık dörtte birine kadar tutar.
2. Soyut Simge Şekiller
Hangi simgenin içeriğinizi temsil ettiğinden emin değil misiniz? Soyut bir simge şekli cevap olabilir.
Daha fazla tasarımcı, web sitelerinde kullanmak için soyut stil ikonları oluşturuyor. Bu tarzın ve genel olarak trendin güzel yanı, soyut stillerin tasarımdaki daha büyük genel eğilimlerle eşleşen bir tuhaflık ve merak duygusu yaratmasıdır.
Soyut şekillerle çalışmanın anahtarı, bir şeyi yanlışlıkla kopyaladığınızdan ve simgelerin gerçekten soyut olduğundan emin olmaktır. (Logonuza benzeyen simgeler oluşturmaya çalışmayın, örneğin, sadece hatalara benzeyebilirler.) Gerçekten eşleşen bir şey için simgeler ve marka malzemeleri için aynı renk paletini kullanın.
3. Birincil Renkler
Ana renk paletleri, küçük tasarım öğeleri için cesur, parlak ve çekici bir seçimdir.
Bu simge tasarım trendi, temel renk kuralları kümesi oluşturmak için kırmızı, mavi, yeşil ve sarıdan (mor ve turuncu ile birlikte) yararlanır. Bu tarzın işe yaramasını sağlayan şey, ekrandaki küçük öğelere dikkat çekmek için renge odaklanmaktır. Birincil renkler, geç saatlerde paletlere hakim olan tüm “Malzeme” parlaklıklarından da göze çarpacak.
Renk paletinin çok temel görünmesini önlemek için tasarımı degradelerle (veya yukarıdaki örnek gibi sahte-ombre degradelerle) yumuşatın. Ana renklerle çalışırken aşırıya kaçmayın. Bunlar ezici bir dokunuş olabilir. Sessiz bir birincil paleti veya tek renkli şemayı düşünün.
4. arka plan simgeleri ile simgeler
Bazı trend simgelerin kendi simgeleri vardır. Ciddi anlamda!
Simgelerin daha ayrıntılı kullanımları için - burada küçük favicons almıyoruz - simgeler daha fazla sanat öğesi oluşturmak için istiflenebilir ve katmanlanabilir.
Bu eğilim genellikle ana odak simgesi ile arka plan simgeleri arasında ayrım yapmak için renk ve gölgelendirme kullanır. Birincil simge genellikle tam renkli veya doldurulmuş bir simgedir. Arka plan simgeleri neredeyse her zaman çizgi stilindedir ve açık renk paletleri olabilir.
Bu efekti, simgeleri farklı şekillerde karıştırarak ve eşleştirerek önceden hazırlanmış birçok simge kitiyle oluşturabilirsiniz. Benzer bir temanın simgeleriyle derinlik ve görsel ilgi yaratın ve sahnenin çok meşgul olmasını önlemek için birkaç öğeye sadık kalın. Öğeleri kullanmaktan ve yeniden kullanmaktan korkmayın ve arka planlarda ve ön planlarda aynı simgeleri (alternatif çizgi ve dolu) kullanın.
5. İki Renkli Simgeler
Popüler çizgi simgesi stillerini temel alan bir başka simge tasarım trendi, iki renkli öğeler oluşturmaktır.
İki renkli simgeler mevcut renk paletinize veya marka renklerinize dayanabilir veya hemen hemen tüm diğer renk çiftlerini birleştirebilir. Simge trendini kullanarak tasarım yaparken, bunları kullanmayı planladığınız arka plandan öne çıkacak renk çiftlerini arayın.
Tasarım söz konusu olduğunda, simgenin çoğu için birincil bir renk seçin. Simgenin bir öğesini vurgulamak için ikincil bir renk kullanın. (Tasarımın% 70 ila% 80'i için birincil rengi ve geri kalanı için ikincil rengi kullanmayı düşünün.)
Bu, simge tasarımında, gözün tasarım öğesine ve umarım çevreleyen içeriği de çekmeye yardımcı olacak bir vurgu yaratır.
6. Simge “Steno”
Herhangi bir uygulama mağazasına göz atarsanız, posta uygulamalarının zarfları, verimlilik uygulamalarının kontrolleri, güvenlik uygulamalarının kilitleri gibi birçok ortak işaret görürsünüz.
Bu simge steno, kullanıcılara uygulamanın ne yaptığını söyleyen hızlı bir görsel mesaj sağlar. Aynı steno neredeyse evrensel olarak tüm simge tasarımları için geçerlidir. Tasarımcılar kendi tarzlarındaki simgelerle denemeler yaparken, simgeleri belirli bir anlam için kullanma eğilimi vardır.
Ve bu iyi bir şey. Bir simgeyi bir bakışta görmek ve anlamak kolay olmalıdır. Bir simge, kullanıcıların ne yapmaları gerektiğini ve tasarımla nasıl etkileşime girmeleri gerektiğini bilmelerine yardımcı olmalıdır. Bu ortak ikon steno, bunun nasıl yapılacağına dair güzel bir evrimdir.
7. Parlak Renk
Parlak renk seçimleri tasarımın her alanında büyük önem taşıyor. Bu simgelerden farklı değil. Parlak renk, gözü simgeye çekmenin cazip bir yoludur.
Simge tasarım trendine gelince renk birkaç farklı şekilde kullanılıyor:
- Beyaz veya siyah çizgi stili simgesiyle arka plan olarak
- Daha gerçekçi bir görünüme sahip tam renkli simge öğeleri için
- Daha düz, gradyan veya süper parlak bir tasarıma sahip simge öğeleri için
Parlak ailede popüler renk seçenekleri arasında sarılar, maviler, yeşillikler ve morlar bulunur. Bu renkler parlak tarafta olma eğilimindedir ve bir simge seti için üç ila beş tonlu bir renk paleti hazırlamak popülerdir.
Nereden başlayacağınızdan emin değil misiniz? Malzeme Paleti, renk simgesi tasarım trendi ise büyük bir parçası olan renkleri gösterir.
8. Logolar Simgeler
Kaç adet logoya sahip simgeler olduğuna dikkat edin. Bir kez düşünmeye başladığınızda, logo tasarımındaki tüm küçük simgeleri görmemek zor olacaktır.
Bir logodaki bir simgenin güzel yanı, marka adıyla çalışması ve bir süre ve marka değerinin tek başına durabilmesidir. Yukarıdaki örneği düşünün, Spotify. Müzik sağlayıcısı bu kadar uzun süredir olmasa da (markalar kapsamında), üç çizgili daire oldukça tanımlanabilir.
Simge renkli ve olmadan - güçlü bir simgenin anahtarı - çalışır ve tek başına veya yazı ile durabilir. Bu çok yönlülük, simgelerin neden logo tasarımında popüler bir öğe olduğunu görmeyi kolaylaştırır.
9. Çevreler
Daireler en uyumlu şekillerden biridir. Ve ikon tasarımı söz konusu olduğunda, oldukça popülerdirler. Bir kürenin içinde bulunan simgelerden nesneler içindeki dairelere, daireler kullanarak bir tasarım işareti oluşturmak kullanıcılar için doğru hissi verebilir.
(Tasarımdaki daireler hakkında daha fazla bilgi edinmek ister misiniz? Bunu burada bulduk.)
Dairenin simge tasarımındaki etkisinin bir kısmı, Google tarafından Materyal Tasarımı ile ortaya konan bazı kurallara geri dönebilir. Tüm bu dairesel düğmeler cep telefonlarına dokunmak için mükemmeldir. Aynı felsefe, ikon tasarımı için de geçerlidir. (Bir simgenin ne sıklıkta dokunulabilir veya tıklanabilir bir öğe olduğunu düşünün.)
Bu simge trendi hakkında biraz hile olabilecek kısım, diğer şekillerin kullanıldığı tüm yerlerde daireler birleştirmektir. Uygulama simgeleri kare olma eğilimindedir; sosyal medya profilleri daireseldir (ve karedir).
Yuvarlak bir simge oluştururken, simge tasarımının içeriğinin küçük boyutlarda anlaşılması kolay olduğundan emin olun, çünkü başka yerlere sığması için sık sık küçültmeniz gerekir.
10. Çizgi Stili Simge Tasarım
Çizgi stili simgeleri hiç eskimeyen bir trend gibi görünüyor.
Nedeni, bu simge stilinin herhangi bir arka plan türünde hemen hemen her yerde çalışabilmesidir. Popüler, indirilebilir simge paketlerinin çoğu, bu çok yönlülük nedeniyle genellikle çizgi stili bir tasarım içerir.
Bunu yukarıdaki örnekte görmek kolaydır. Her simgenin neredeyse her boyutta görülmesi ve anlaşılması kolaydır.
11. Basit Unsurlar ve Sunumlar
2020'deki diğer birçok tasarım trendinde olduğu gibi, sadelik de simge tasarımının bir parçasıdır. Basit şekiller ve coğrafya, simgeler için neredeyse basit temsiller oluşturmak için birleştirilir.
Sonuç, kullanıcıların görünmesini sağlayan oldukça sanatsal bir tasarımdır.
Yukarıdaki yiyecek simgelerini kullanan örnekte, her simge, simgede bir dairenin ortak iş parçacığını kullanır. Bu, simgenin kendisinin genel şekli veya simge tasarımının bir parçası olabilir. Bu şekil, her simgeyi projede birbirine bağlar.
12. Degradelerle Simgeler
2019'un baskın temalarından biri haline gelen degrade renk eğilimi, simge tasarımında da bir faktördür. Çizgi konturlarındaki basit degradelerden (yukarıdaki örnek gibi) tam degrade renklendirmeye, degrade arka plandaki beyaz simgelere kadar, bu renk şeması popülerdir.
Gradyanların simgelerde (ve genel olarak) kullanımı hakkında çok çekici olan şey bu olabilir - eğilimi kullanmanın birçok farklı yolu vardır. Bir degrade ekleyebilir ve yine de başka bir şeye benzeyen bir projeniz yok.
13. Basit Boyama Odaklanmak
Simge tasarımcıları renkle de tersi yaklaşıyor ve bu küçük tasarım öğeleri için basit, daha sınırlı, daha temel renk paletlerine bağlı kalıyorlar.
Sınırlı bir palet kullanmak harika bir fikir. Çok küçük bir tasarımla, çok fazla renk veya ayrıntı alanı hızlı bir şekilde boğabilir ve göz üzerinde zorlanmaya neden olabilir.
Kullanıcıların simgenin ne olduğunu veya rengin ne anlama geldiğini düşünmelerini istemezsiniz. Ayrıntılı renklendirmeyi de içeren ayrıntı miktarını sınırlamak, her bir simgenin daha kolay görülmesini ve anlaşılmasını sağlayabilir. Bu, en küçük boyutlarda kullanılacak simgeler için önemlidir.
14. Her şey Uygulama Stili
Simgelerin popülaritesinin bu kadar artmasının nedenlerinden biri, onları hemen hemen her şey için tasarlıyor olmamızdır. Uygulama simgelerinden, favori veya masaüstü simgeleri için uygulama stili simgelerine kadar, bu stil hemen hemen her yerde.
Uygulama tarzı simgeler neredeyse tamamen farklı bir stile sahiptir. Bu içerir:
- Kare şeklinde
- Yuvarlak kenarlar
- Renkli arka plan (genellikle bir renk)
- Simge içinde basit şekil
- Simge ve arka plan rengi arasında çok fazla kontrast
- Metin veya yazı yok
15. Kalın, Düzgün Vuruşlar
Sadece çizgi stili simgeler popüler değil, aynı zamanda kalın çizgi konturlarına sahip simgeler özellikle popülerdir.
Sıklıkla tek renkli uygulamalar için tasarlanan bu simgeler, renkli veya fotoğraf arka planlarının üstünde beyaz veya siyah olarak sıklıkla kullanılır.
Kalın, tek biçimli konturlara sahip simgeler, çoğunlukla bir araba simgesi veya kişi simgesi gibi kendi başlarına kullanılır. Genellikle bir simgeler koleksiyonunda kullanılmazlar.
16. düz simgeler popüler kalır
Düz tasarıma sert odaklamanın çoğu buharlaşırken, ikon tasarımı hala oldukça düz (veya en azından neredeyse düz).
Bu muhtemelen düz tasarımın süper basit doğasından ve bu görünümün diğer birçok stille oldukça kolay bir şekilde entegre olabileceği fikrinden kaynaklanmaktadır.
Burada sunulan bazı simge tasarım örneklerine ve eğilimlerine baksanız bile, birçoğunun düz olduğunu göreceksiniz. (Örneğin, çizgi stili simgeleri neredeyse her zaman düzdür.)
17. Emoji Simgeleri
Emojiler neredeyse kendi dilleri haline geldi - her zaman daha genel kabul gören daha görsel bir iletişim şekli.
Simgeler tasarımı da emoji esque bir yetenek kazanıyor. Bu simgeler, bir kişinin veya yaratığın kafa şekline odaklandığından tanımlanabilir. (Yukarıdaki Yıldız Savaşları'ndan ilham alan emoji simgeleri, simge tasarımıyla nasıl eğleneceğinize harika bir örnektir.)
Simgenin bu stili bir kişi sayfası için veya bir tasarımdaki kişileri veya kişileri temsil etmek için harika olabilir.
Daha İyi Bir Simge Nasıl Tasarlanır
İyi bir simge veya simge seti hazırlamak, simge tasarımındaki en son trendlerden bazılarına atlamaktan daha fazlasıdır. Simgelerin küçük olması nedeniyle, detaylara ve hassasiyete dikkat etmek tasarım sürecinin önemli bir parçasıdır.
2019'da simge tasarımı için basit kurallar hala geçerlidir. Seveceğiniz bir şey oluşturmak için bu yönergeleri yukarıdaki bazı trend fikirlerle eşleştirin:
- Bir ızgara ile başlayın
- Geometri ile oluşturma
- Benzersiz bir şekil oluşturun
- Simgelere bol yer verin
- Marka renklerinize sadık kalın
- Tutarlı bölümler kullanın
- İhtiyacınız olan en küçük boyut için tasarım
- Süsleme
Simge Tasarım Yönergeleri
İçindekilere ayak uydurmanın iyi bir yolu, grafik standartlarına ve stil kılavuzlarına bakmaktır. Apple veya Google yaklaşımlarını her değiştirdiğinde herkes de değişir. Kısmen yeni olmaları ve kısmen yeni stil ikon tasarımındaki zamanları ve eğilimleri yansıtıyor.
Yönergeleri burada bulabilirsiniz:
- Apple Uygulama Simgeleri
- Android Uygulama Simgeleri
- Malzeme tasarımı ürün simgeleri
- Malzeme tasarım sistemi simgeleri
Sonuç
Simgeler kullanışlı bir tasarım aracıdır. Uygulama simgeleri olarak kullanımdan web sitesi işaretlerine veya favicons'a, bir logoda veya bir tasarım projesi boyunca kullanılabilecek bölümlere kadar, simge burada kalmak için bir işarettir.
Simge tasarımına neredeyse başka herhangi bir projeyle aynı şekilde yaklaşın, ancak gerçekten sadelik ve boyut düşünün. Simgeler hızlı bir şekilde bakmak için yapılır ve genellikle küçüktür. Bunun tasarım üzerinde büyük etkisi olabilir.
