Daha önce söylemiştik ve tekrar söyleyeceğiz: güzel bir web sitesi oluşturmak için yetenekli bir kodlayıcı veya uzman bir grafik tasarımcı olmanıza gerek yok. Arkadaşlarınızı, ailenizi ve müşterilerinizi bir profesyonel işe aldığınızı düşünecek bir site oluşturmanıza yardımcı olacak birçok araç ve kaynak çevrimiçi olarak mevcuttur. Ve işte web sitenizin iyiden harikaya gitmesine yardımcı olacak bir kaynak daha: simgeler. Simgeler genel tasarımınıza muazzam bir değer katabilir. Bu yazıda, web sitenize nasıl simge bulacağınız ve kolayca simgeler ekleyeceğim. Web sitesi simgeleri tasarımınız için neden önemlidir? Tek kelime: iletişim. Simgeler, bir ziyaretçinin en önemli içeriğe dikkat çekerek sitenizin ana mesajlarını iletmeye yardımcı olur. Ziyaretçileri gitmeleri gereken yere yönlendiren sokak işaretleri gibidirler. Bir telefonun basit bir simgesi, bir müşterinin işletmenizi arayacak numarayı bulmasını daha hızlı ve kolay hale getirebilir. Bir harita simgesi, birisinin mağazanızın bulunduğu yeri hızla bulmasına yardımcı olabilir. Ve bir alışveriş sepetinin simgesi müşterilerin ödeme yapmasını ve daha hızlı bir şekilde alışveriş yapmasını sağlar. Simgeler web siteniz için de yararlıdır çünkü: Tanınması kolaydır. Sitenize yeni bir ziyaretçi gelirse, simgeler içeriği hızlı bir şekilde taramalarına ve emmelerine olanak tanır. Harika görünüyorlar! Görsellerin web sitenizin genel tasarımını geliştirdiği bir sır değil . Simgeler, sayfalarınızı görsel olarak daha çekici kılar ve satır sonlarında olduğu gibi okunabilirliğe yardımcı olur . Evrensel olarak anlaşılıyorlar. Çok dilli bir web sitesi oluşturmak kolaydır , ancak simgeler, dilden bağımsız olarak anlaşılan görüntüleri kullanarak sitenizin ana mesajlarını iletmenin harika bir yoludur. Web sitenizi oluşturun Simgesiz web sitesi örneği Simgeler olmadan, web sitesinin bu kısmı biraz ağır olabilir. Bu simgeler içeren bir web sitesi örneğidir Yukarıdaki örnekte, birkaç basit simgenin sitenizin görünümünü ve mesajlaşmasını nasıl iyileştirdiğini görebilirsiniz. Doğru web sitesi simgelerini nasıl seçersiniz? Her şeyden önce, siteniz için simgeler seçtiğinizde çok yaratıcı olmaya çalışmayın. “Ara” yı temsil edecek bir simge arıyorsanız, büyüteç simgesini kullanın. Kullanıcıları ana sayfanıza yönlendirmek için bir simge arıyorsanız, bir evin simgesini kullanın. Kendi kullanımınızı oluşturmak yerine, ortak kullanımda olan denenmiş ve gerçek simgelerle sadık kalın. Sitenizdeki her içerik parçasının eşleşecek belirgin bir simgesi olmayacaktır. Temsil ettiği içeriğin anlamına en yakın olan bir resim seçin. Herhangi bir belirsizlik varsa, bir simgeye metinle eşlik etmek de iyi bir uygulamadır. Simgeler hakkında hatırlanması gereken en önemli şey, içeriğinizin yerini alması değil, tamamlaması içindir. Bir simge seçerken göz önünde bulundurulması gereken bir başka şey de alaka düzeyidir. Ne yazık ki bir daktilo, plak çalar veya kaset, genç izleyicileriniz için modası geçmiş temsiller olabilir. Simgenizin içeriğinizin doğru bir temsili olup olmadığından emin değilseniz, bir kullanılabilirlik testi yapın . Bu, insanların tabelalarınızı doğru anlayıp anlamadığını size söyleyecektir. Bu, simge yerleştirmenin öneminin başka bir örneğidir Bu Jimdo sitesi metni tamamlamak için simgeleri başarıyla kullanıyor. Ayrıca sitenin tipik olarak çok metin ağır olacak bir bölümünü görsel olarak daha çekici hale getirir. Simgeleri doğru kullanma ipuçları Simgeleri kullanırken hatırlanması gereken dört temel faktör vardır : Boyut: Simgelerinizin boyutunu yapılandırırken Goldilocks oynamanız gerekecek. Simgelerin o kadar küçük olmadığından ve zor görülebilecek kadar büyük olmadığından emin olun, ancak o kadar büyük olmadığından emin olun. Yerleşim: Sütunları kullanmak, simgeleri metinle düzenlemenin düzenli ve güçlü bir yoludur. Sitenizin düzenine bağlı olarak, simgeler metnin solunda, metnin üstünde veya metnin altında görünebilir. Hangisini seçerseniz seçin, tüm simgelerinizi metne göre aynı konuma yerleştirin. Bu, simgelerin metne göre yerleşiminin önemine bir örnektir Tüm simgelerinizi metne göre aynı konuma yerleştirin. Yukarıdaki örnekte, tutarsız yerleşim, okumayı zorlaştırmaktadır. Renk: Güçlü ve cesur bir görünüm elde etmek için bir renge yapışmaya çalışın. Başlamak için iyi bir yer, logonuzda veya diğer markalarda bulunan bir rengi kullanmaktır. Ayrıca, rengin çok güçlü bir araç olabileceğini ve bir eylem çağrısını geliştirebileceğini unutmayın. Simgeleriniz için en iyi rengi seçmek üzere renk psikolojisini tartışan bu kılavuzu izleyin. Tutarlılık: Hepsi benzer bir görünüme sahip olan simgeleri seçin. Simgelerin stilinin güzel tasarım efektine nasıl müdahale edebileceğine bir göz atın. Bu, tutarlı bir görünüme sahip simgeler oluşturmanın önemine bir örnektir Tutarlı bir stil ve renkte simgeler kullanmak en iyisidir. Ücretsiz web sitesi simgeleri nerede bulunur? Orada birçoğu iyi tasarlanmış simgeleri ücretsiz veya ilişkilendirme ile kullanmanıza izin veren tonlarca simge kütüphanesi var. Aşağıda birkaç favori listeledim. Not: Bu sitelerin çoğu, simgeyi birçok farklı dosya sürümünde indirmenize izin verir. En iyi sonuçlar için ve web siteniz için hızlı yükleme sürelerini korumak üzere PNG'yi öneririz . Iconmonstr Iconmonstr , seçim yapabileceğiniz 3.000'e yakın web sitesi simgesine sahiptir. iconmonstr, web siteniz için seçebileceğiniz 3.000'e yakın simge içeriyor Iconmonstr, web siteniz için seçebileceğiniz 3.000'e yakın simgeye sahiptir. Ne bu kadar harika? Bedava. Simgenin boyutunu ve rengini özelleştirebilirsiniz. Simgeleri kategoriye göre arayabilirsiniz . Bu konuda harika olmayan ne var? Özel boyut ve rengi kaydedemezsiniz. Bir simge oluşturup boyutu ve rengi ayarlarsanız, gelecekteki simgelere uygulamak için kullandığınız boyutu ve HTML renk kodunu not ettiğinizden emin olun. Flaticon.com Flaticon.com büyük bir ücretsiz web sitesi simgeleri pazarına sahiptir. Flaticon.com web siteniz için büyük bir ikon pazarına sahiptir. Flaticon.com büyük bir ücretsiz web sitesi simgeleri pazarına sahiptir. Bunun nesi iyi? Simgeleri kategoriye göre arayabilirsiniz. Siteye simgeleri “Simgelerim” altına kaydedebilirsiniz. Bu, seçim sürecinde yardımcı olur ve geri dönüp sitenizde beğendiğiniz veya zaten kullandığınız simgeleri bulmanızı kolaylaştırır. Simgeleri boyuta göre indirebilirsiniz. Bu konuda harika olmayan ne var? Flaticon.com ücretsizdir ancak bir uyarı vardır; Eğer gerekir yazar bağlıyor . Sitenizin özelliklerden bağımsız olmasını istiyorsanız, aylık bir paket satın almanız gerekir. Tüm simgeler siyahtır. Rengi değiştirmek için, PhotoShop'u veya başka bir tasarım programını kullanarak simgeyi kendiniz düzenlemeniz gerekecektir. Flaticons.net Flaticons.net , simgeleri bulmak ve özelleştirmek için başka bir harika kaynaktır. flaticons.net, simgeleri bulmak ve özelleştirmek için başka bir harika kaynaktır. Flaticons.net, simgelerin boyutunu ve rengini özelleştirmenizi sağlayan harika bir kaynaktır. Bunun nesi iyi? Bedava. Simgenin boyutunu ve rengini özelleştirebilirsiniz. Arka plan ve simge renklerini özelleştirerek iki tonlu bir simge oluşturabilirsiniz. Bir simge arayabilir veya kategoriye göre göz atabilirsiniz. Bu konuda harika olmayan ne var? İconmonstr gibi, özel boyutu ve rengi kaydedemezsiniz. Not: Bir rengi “onaltılık kodu” bularak tam olarak çoğaltabilirsiniz; bu, bir rengi tanımlayan ve mükemmel bir eşleşme elde etmenizi sağlayan sayısal bir değerdir. Bir altıgen kodunu bulmak için, böyle bir eklenti kullanmak ColorZilla veya damlalığı . Bu araçlar, kendi web siteniz de dahil olmak üzere herhangi bir web sitesindeki renklerle eşleşebilir. Diğer kaynaklar Biraz daha benzersiz bir şey mi arıyorsunuz? Birçok sanatçının ücretsiz simge setini paylaştığı freepik.com veya Behance gibi sitelerde “ücretsiz vektör ikonları” aramayı deneyin . (“Vektör”, simgeyi kolayca ölçeklendirilebilecek veya küçültülebilecek yüksek kaliteli bir biçimde alacağınız anlamına gelir. Web tasarımı için standarttır.) Markanıza uyan simgeler istiyorsanız, her zaman 99design'a dönebilirsiniz , burada tam olarak istediğiniz görünüme uyacak şekilde özel simgeler alabilirsiniz. Web sitenizi oluşturun Jimdo web sitenize bir simge nasıl eklenir Bir simge eklemek tıpkı bir Jimdo sitesine fotoğraf eklemek gibidir: bir Fotoğraf öğesi kullanın . Simgenin olmasını istediğiniz yere bir Fotoğraf öğesi ekleyin, ardından simgenin .PNG dosyasını yükleyin. Simgenin konumunu aşağıdaki ayarlardan yeniden boyutlandırabilir ve ayarlayabilirsiniz. Simgenin sitenizdeki veya dışındaki başka bir sayfaya bağlanmasını istiyorsanız, bağlantı simgesini tıklayın ve Dahili Bağlantı veya Harici Bağlantı'yı seçin. Jimdo web sitesine nasıl simge ekleyeceğiniz Fotoğraf öğesini kullanarak Jimdo web sitenize kolayca bir simge ekleyebilirsiniz. Sonuç: Sitenizin tasarımını ve okunabilirliğini artırmak için simgeler kullanın SEO uzmanı Neil Patel , sitenizdeki ziyaretçileri tutmak için en önemli faktörlerden birinin okunabilirlik olduğunu öne sürüyor . Simgeler, web sitenizi daha okunabilir hale getirmek için basit ama etkili bir yoldur. Metni net bir şekilde ileten ve tamamlayan bir simge seçmeyi ve dört ana faktörü takip etmeyi unutmayın: boyut, renk, yerleşim ve tutarlılık.
