Web tasarımı, birçok öğeyi içeren büyük bir alandır. Bir tasarım hakkında blog yazısını yazarken, genellikle her bölümünün bir işlevi olduğunu düşünüyorum. Spesifik ve bu yüzden çok önemli. Ancak çoğu durumda, genel şeyler hakkında yazıyordum. Tersine gitmek iyi fikir olacak. Bugün size web tasarımındaki en küçük şeylerden bahsetmek istiyorum. Size ikonlardan bahsetmek istiyorum. Ayrıca harika simgeler ve profil resimler nasıl oluşturulur bilgi vermek istiyorum.
Simgelerin her yerde ve her projesinde olmasının sebepleri vardır. İlk başta, küçük ve kompakt.Bu tür görüntüler web sitesinin herhangi bir yerine sığabilir. İkincisi, istediğiniz türde, tasarımda, resimde veya şekilde bir simge oluşturabilirsiniz. Ziyaretçileri bazı sayfalara veya belirli konulara yönlendiren tıklanabilir simgeler ekleyebilirsiniz, web siteniz ziyaretçiler için süper sezgisel olacaktır. Örneğin, bir çevrimiçi mağazanız varsa, sebzeli simgeler sebzelerle ilişkilendirilir. Sebzelerin ihtiyaç olduğu durumlarda müşterilerin nereye tıkladığını düşünün. Aynı şey lastikler, ilaç, şarap ve diğer birçok ürünle çalışır. Web sitenizin bazı kısımlarını vurgulayabilirsiniz. Dilsel sorunlarla karşılaştığınızda bunlar çok yararlıdır. Bazen simgeler, metinleri anlayabilen ziyaretçiler için yol tarifleridir. Bu yüzden bu blog yazısında harika simgeler ve profil resimler nasıl oluşturabileceğinizi anlatacağız.
Sonuçta, simgeler küçük resimlerdir ve çekici olabilirler. Tasarımınıza bir atmosfer ekleyebilir veya dekore edebilirler. Tasarımla oynamayı ve her şeyin nasıl çalıştığını görmek isterim. Beklenmeyen sonuçlar getirebilir.
Bu blog yazısında size onları nasıl yaratacağınız ve nasıl kullanacağınız hakkında daha fazla bilgi vermek istiyorum. PowerPoint ve Adobe Illustrator ile bir simge geliştirmek isteyenler için bazı temel kuralların listesi hazırladım. Simgeler geliştirmeye en uygun görsel editörlerdir. Ayrıca, size beğenebileceğiniz birkaç uygulama ve simge seti hakkında da bilgi vermek istiyorum.
Harika simgeler nasıl hazırlanır?
Bir fikir bulun
Bir simge oluşturmadan önce, ihtiyacınız olan özelliklerin hızlı bir listesini yapın. Nötr bir şeye ihtiyacınız olursa nötr renkler ve şekiller kullanın ve birçok öğe, sadece gerekli olanlarını kullanmaya çalışın. Yaratıcı bir şey istiyorsanız, biraz zaman geçirmeye ve çeşitli renkler ve şekiller kullanın. İhtiyacınız olan kaç şekil varyasyonuna ihtiyacınız olacak anlamak da çok işinize yaracak. Güzel ikonlar söz konusu olduğunda bazı standartlar var. Küçük, orta ve büyük boylar vardır. Bu çok önemlidir, sadece simgeleri genişletmek ve bir görüntünün kalitesini kaybetmek istemezsiniz herhalde.
Küçük ikon boyutları:
12 x 12 piksel
16 x 16 piksel
24 x 24 piksel
32 x 32 piksel
48 x 48 piksel
Orta ikon boyutları:
64 x 64 piksel
96 x 96 piksel
128 x 128 piksel
256 x 256 piksel
Büyük ikon boyutları:
512 x 512 piksel
1024 x 1024 piksel
PowerPoint simgeleri
Temel olarak, herhangi bir grafik aracı bir simge geliştirmenize yardımcı olabilir. Microsoft Office'iniz varsa, PowerPoint'i kullanabilirsiniz. İkonlar çoğu durumda birkaç basit şekilden oluşur ve bunlar PowerPoint'te bulabilirsiniz.
Ekle'ye gidip, Şekiller'deki simgeniz için bir temel seçin. Genel olarak çevreleri temel olarak kullanırlar, ancak bu size ve hayal gücünüze bağlıdır. Renklerle oynamayı da unutmayın (standart renkleri seçebilir veya seçeneklerde istediğiniz bir renk şeması bulabilirsiniz). Her tasarım öğesi için farklı renkler uygulayabilir ve şekil boyutuyla oynamayı unutmayın. Şekilleri ayarlamayı unutmayın - insanlar simetrik simgeleri daha çok severlerler.
Simge oluşturma işlemini tamamladıktan sonra basitçe kaydedin ve projelerinizde kullanın.
Burada video rehberi bulabilirsiniz.
Adobe Illustrator Simgeleri
Adobe Illustrator'da simge oluşturma, işletim sisteminizden bağımsız olarak Adobe Photoshop, Affinity Designer ve Sketch'deki işlemlerle hemen hemen aynıdır. Size zamandan tasarruf etmenize yardımcı olacağım. Bir kere anlatacağım. Adobe Illustrator ile havalı bir simge oluşturmak biraz zaman alır.
İşte projenize nasıl başlayacağınızla ilgili birkaç temel ipucu aşağıdadır:
- İlk önce proje dosyanızı kurmanız gerekir. Belge profiliniz Web biçiminde olduğundan emin olun. Bu önemlidir çünkü ikonları web tasarımında kullanacağız. Web formatının RGB renk düzenine sahip olduğunu ve Yazdırma formatının bir CMYK renk düzenine sahip olduğunu unutmayın. Beklenmeyen sorunlara neden olabilir ve tasarımınızı bozabilir.
- Ardından bir ölçüm birimi olarak Pixel'i seçin.
- Şimdi Artboard sayısını seçmek zorundasın. Simgeler paketi oluşturmak istiyorsanız, birden çok çalışma yüzeyine ihtiyacınız olacak. Ek olarak, bu ikonların gönderme işlemini çok daha kolaylaştırır.
- Ayrıca birkaç katman kullanmanızı öneririm.
- Refferans izgaraları hakkında unutmayın. Referans ızgaraları, tüm elemanları simetrik tutmanıza yardımcı olacak geometrik kılavuzlardır. Çeşitli yapılar ile farklı izgaralar arasında seçim yapabilirsiniz. Şahsen, çalışma yüzeyimle aynı yükseklikte ve genişlikte referans ızgaraları kullanıyorum.
- Ayrıca, temel şekillerle başlamanızı ve renk şemasına odaklanmanızı öneririm.
- Gereksiz unsurlardan kaçınmayı unutmayın, sonuçta simgeler küçük öğelerdir.
Tüm bu adımlardan sonra bir simge çizebilirsiniz. Uygun bir simge boyutu seçmeyi unutmayın. Arka planı söz konusu olduğunda şeffaf bir seçenek tercih ederim. Bu durumda, simgelerinizi çeşitli renk şemaları ile birlikte kullanabilirsiniz. Burada Adobe Illustrator'da bir simgenin nasıl çizileceğine ilişkin ayrıntılı bir video eğitimi bulabilirsiniz.
İOS ve Android için harika simgeler ve profil resimler listesi
Özellikle iOS ve Android için geliştirilen simgeler de var.
Örneğin, iOS Yiyecek ve Seyahat Ikon seti gibidir. Geliştiriciler, içerilen tüm simgeleri, Apple’ın geliştirici kurallarına uygun olarak yaptı. Bu farklı bir tarzdır ve Apple’ın tarzında bir web projesi oluşturmak isterseniz, o zaman bu seti inceleyin. Ürün sayfasında illüstrasyonlar bulabilir ve daha fazla özellik görebilirsiniz. 64x64 boyutunda 220 simge içerir.
Bazı simgeler Android stili için uygundur. Bu Android Simge Paketi gibidir. Tanınabilir stil, android uygulamalar için mükemmel bir seçimdir. Ancak burada Android için harika simgeleri de indirebilirsiniz.
Güvendiğim profil resmi yapımcısı uygulamaları
Profil resminiz temelde bir simgedir. Belli ki profillerimizi güzelleştirme eğilimindeyiz. İnsanlar sıradışı ve çekici profil avatarlarıyla profillere dikkat ediyorlar. Sosyal medya sayfanız için böyle bir resim oluşturmanıza yardımcı olacak uygulamalar var.
Geliştiriciler, buProfile Picture Maker'ı Instagram standartlarına mükemmel bir şekilde uydurmak ve size dekorasyon seçenekleri sunmak için yaptılar. 50'den fazla filtre ve birçok sınır, çıkartma ve metin araçları içerir. Bu araçla harika simgeler oluşturabilirsiniz.
Android'iniz varsa ve profil sayfanız için birkaç harika simge yapmanız gerekiyorsa, bir Profile Dp Maker'a ihtiyacınız olacak. Çeşitli şekiller ve efektler içeren ücretsiz bir uygulamadır. Bu araçla kolayca havalı bir avatar simgesi oluşturabilirsiniz.
Microsoft'tan DP Creator profil resmi yapımcısını da kullanabilirsiniz. Hem PC'de hem de akıllı telefonlarda çalışır ve ücretsiz çerçeveler, arka planlar, görsel efektler, geometri efektleri ve filtreler içerir.
Kendi profil resminizi nasıl oluşturabilirsiniz?
Resim yapımcılarının üzerinde kendi bir profil avatarı oluşturmak istiyorsanız, o zaman kendiniz bir grafik editörü ile manuel olarak yapabilirsiniz. Çok basit ve size bir öğretici sağlayabilir. Sadece bu resimde iyi göründüğünden emin olun. Peki, Adobe Photoshop'ta havalı profili resmi nasıl yaratırsınız?
- Adobe Photoshop'u açın ve dosya konumunuza göz atın. Katmanlar panelini açtıysanız, Windows'u ve ardından araçları tıklatarak kalem dosyasını açın. Katman paneli açık değilse, pencereleri ve ardından katmanları tıklayın.
- Sonra Seçim Çerçevesi araçlarına gidin ve Eliptik Seçim Çerçevesi aracını seçin.
- Adından da anlaşılacağı gibi, bu araç seçilen alanın etrafında bir daire oluşturur ve onu ayırır. Profil resminizde görmek istediğiniz alanı seçin.
- Seçilen alana sağ tıklayın ve Kopyala Katmanı'nı seçin. Şimdi, görüntünün seçili olmayan kısmını görünmez yapmak için arka plan katmanı bölümündeki göz simgesini tıklayın.
- İşte profil resmi hazır. Şimdi tek yapmanız gereken dosyayı kaydetmek.
İlhamınız için bir Cool simgesi seti
Peki, havalı simgeler nasıl görünmeli? Kişisel fikrimi paylaşma ve size birkaç örnek verme izin verin. Tabii ki, benimle aynı fikirde olmayabilirsin, ama yine de onlara bir göz atın.
Minimal Web ve Ürün İkon Seti
Daha önce de belirttiğim gibi simgeler basit olmalı. Bu set 70 minimalist simge içerir ve hepsini bir ürün sayfasında kontrol edebilirsiniz.
Sosyal Medya İkon Seti
Sosyal medya her zaman renkli ve parlak sembollerle ilişkilendirilir. Sosyal medya ile ilgili bir tasarım projesi geliştirirseniz, bu seti inceleyin. Bu set, 70 sosyal medyadan oluşan simgeleri (hatta Steam simgeleri, Skype simgeleri ve Discord simgeleri var), 15 stilde platformları içeriyor.
Jumbo Flat-Glyph İkon Paketi
Bu, glif ve düz stilde yapılmış 3000 simge setidir. Böyle çok amaçlı bir ürün her türlü tasarım projesine uyabilir. Koleksiyonunuza harika bir katkı olacak. Bazıları renkli, diğerleri minimalist, ancak hepsi tamamen ölçeklenebilir.