logo-gamzegencceliklogo-gamzegencceliklogo-gamzegencceliklogo-gamzegenccelik
  • WEB İŞLERİM
  • ÇİZİMLER
  • BLOG
  • MAĞAZA
  • English
✕
İkonların Gücü Adına!
  • Ana Sayfa
  • Blog
  • Tasarım
  • İkonların Gücü Adına!

İkonların Gücü Adına!

3 Ocak 2018
Kategoriler
  • Tasarım
  • Web
Etiketler
  • FlatIcon
  • Font Awesome
  • free icon
  • free icons
  • Freepik
  • grafik tasarım
  • hatalı ikon kullanımı
  • Iconfinder
  • ikon
  • ikon kullanımı
  • ikon siteleri
  • ikonlar
  • tasarım
  • The Noun Project
  • ücretsiz ikon
  • web tasarım

Başta web tasarım olmak üzere pek çok dijital ve basılı tasarımlarda ikonların oldukça önemli bir yeri vardır. İkonlar eğer doğru kullanılırsa tasarımınızın estetiği açısından tamamlayıcısı ve daha iyi kullanıcı deneyimini sağlayabilirler. İkon kullanımı, tasarımın bütününe baktığından aslında oldukça etkileyici bir bir güce sahiptir. Fakat yanlış kullanılırsa kafa karışıklığına da yol açabilir.

Şimdi size vereceğim temel kurallar ile tasarımlarınızı ikonlarla daha kullanışlı ve estetik hale getirebilirsiniz.

1- İkonları bir ürün tanıtımı, hizmet özelliklerini listeleme ya da adım adım bir hedefe ulaştırma işlemlerinde kullanabilirsiniz. İkon kullanımı hedef kitleye tasarımın içeriği hakkında bilgi vermek için güçlü, modern ve iyi bir yoldur. İkonlar aslında hedef kitlenin (ya da nâmıdiğer müşterinizin) tasarıma baktığında hızlıca aradığını bulmasına veya fikir edinmesine yardımcı olur. Bir kaç örnekte de gördüğünüz gibi olasılıklar sonsuz, pek çok farklı tarza tasarlanmış ikon ailelerini tasarımızın içeriğine, rengine ve temsil ettiği kuruma göre belirleyebilirsiniz.

2- İkonları web tasarımda linklerinizi ya da link eylemlerinizi tanımlamak ve kuvvetlendirmek için kullanabilirsiniz. Eğer dikkat ettiyseniz her gün haşır neşir olduğumuz youtube, facebook twitter gibi sosyal medya kanalları, bugün ikonların gücünden yararlanıyor ve linklerin yanlarında tanımlayıcı ikonlar kullanıyorlar. Siz de ikon kullanırken ikonunuzun tanımlayıcı ve anlaşılabilir olmasına dikkat edin ve tasarımda yeterince yeriniz varsa ikonunuzu bir kelime ile etiketleyin. Yani yazı yerine sadece ikonu yalnız başına kullanmamaya özen gösterin.

3- İkonunuz bir logoyu temsil etse dahi ikonları tasarımınızın merkezi haline getirmeyin, bunun yerine ikonları destekleyici eleman olarak kullanın. İkondan çok yazınız okunsun.

4- İki türlü ikon formatı vardır. İkonun resmi ya da ikonun sayısal hali. Mümkün olduğunca resim ikon yerine vektörel ikon kullanın. Vektör ikonlar hem büyük hem küçük boyutlarda hiç bir bozulmaya uğramayacağı için hem dökümanınızın ağırlığını azaltacak hem de daha temiz bir görüntü elde etmenize olanak sağlayacaktır. Web tasarım için ise vektör ikon fontlardan yararlanabilirsiniz.

Ücretsiz Online İkon Kaynakları

Kendi ikonlarınızı kendiniz tasarlayabileceğiniz gibi pek çok telifsiz ikonu online olarak indirip kullanabilirsiniz. Kendi ikonlarınızı satabileceğiniz bazı güzel websitelerinin yanısıra, kendiniz tasarladığınız vektör bir ikonu web ikon font haline getirebileceğiniz websitelerini aşağıdaki bölümde bulabilirsiniz.
thenounproject

The Noun Project

Benzersiz ikonlar için mükemmel, png ve svg formatlarında indirmeye izin veriyor. Kendi ikonlarınızı siteye yükleyip gelir elde edilebilir. Ücretsiz kullanım için sanatçıya link ya da isim ile kredi verilmelidir.
iconfinder

Iconfinder

Iconfinderda arama çok kolaydır ve farklı boyut ve formatlarda ikon indirmenize olanak sağlar, ico uzantısı da dahil. Yarım milyondan fazla ücretsiz ve ücretili ikonu bulunmaktadır.
thenounproject

Flaticon

Web Font ve Css olarak kullanmak için en iyi kütüphanelerden biridir. Kolleksiyon yaratarak, farklı ikonlardan ikon ailesi yaparak dilerseniz vectör formatta dilerseniz webfont formatında indirebilirisiniz. Sanatçılara atışta bulunmak zorunludur.

freepik

Freepik

Freepik sadece ikon kaynağı değil tasarım elemanlarını arından kocaman bir kaynak. İsmi gibi bedava birsürü ikon ve ikon ailesi bulmak da mümkün sitede. Freepik'ten indirilen her bir kaynak için atıf yapılmasını gerektirir.
fontawesome

Font Awesome

Font Awesomeweb bir ikon font kütüphanesi. Bir GitHub projesi olarak ortaya çıkan, 900'den fazla ikonu bulunan kütüphaneyi ticari kullanım dahil her yerde kullanabilirsiniz.
iconfinder

Ionicons

Açık kaynak kodlu web font ikonları !00% ücretsiz üstelik ticari kullanımlarda da.

iconfinder

Smashing Magazine

Smashing Magazine, kaliteli ve seçkin ikonlar bulmak için en iyi kaynaklardan biridir. İkon setleri, SVG, PSD ve PNG gibi farklı formatlarda sunulur. Ayrıca, bir dizi atıfta bulunma mecburiyeti bulacaksınız, ancak çoğu set, geri bağlantı gerektirmiyor.
iconfinder

Captain Icon

Güzel, ücretsiz ve vektör tabanlı, Captain Icon ikonlarının EPS, PSD, PNG, SVG ve Web Font formatları mevcuttur. Renkten, büyüklüğe kadar her şeyi özelleştirebilirsiniz. Atıf gereklidir ve kişisel ve ticari projelerde bu ikonları kullanabilirsiniz.
iconfinder

Fontastic

Kendi özel ikonunuzu tasarlayın ve bu siteye yükleyin, buuum! Artık kendi özel ikon fontunuza css'leri ile birlikte sahipsiniz.
Share
26

Benzer yazılar

Donut Shop Web UI created by AI

30 Aralık 2022

Yapay Zeka ile Website Arayüz Tasarımı


Devamını oku
8 Haziran 2020

Web İçin En İyi Resim Formatları, Yüksek Kaliteli Fakat Düşük Dosya Boyulu Görüntü Biçimleri


Devamını oku
28 Eylül 2018

Photoshop Hakkında Bilmeniz Gereken 10 Özellik


Devamını oku

2 Comments

  1. ömer avcı dedi ki:
    18 Kasım 2018, 20:06

    sayısız deneme ve düşünceden sonra yaza bildiğim ve karar vere bildiğim tek şey bu olacak.. sadece teşekkür ede bilmek. o kadar çok şey varki demek istediğim fakat konuya nereden başlayacağımı bilemedim.. iş hayatı hakkında destek almak şirket kurulduğunda yurt dışı pazarında destek almak .. sayısız düşünceler ve istekler ve sizi takip eden .. umarım düşüncelerimi toplayıp tekrar yaza bilirim..

    Yanıtla
  2. Viral olan kedimiz Max. Bırakın Max içeri Girsin. #LetMaxIn dedi ki:
    26 Ocak 2024, 13:50

    […] ile ilgili daha ayrıntılı bir yazı okumak isteseniz ikonların gücü adına adlı blog yazımı ziyaret edebilirsiniz. Bu yazıyı beğendiyseniz  sosyal medyada paylaşmayı […]

    Yanıtla

Bir yanıt yazın Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Kategoriler

Ara

✕

Son Eklenenler

  • 0
    Yapay Zeka ile Website Arayüz Tasarımı
    30 Aralık 2022
  • 1
    Instagram Etkileşiminizi Üç Katına Çıkarmanın 3 Yolu
    28 Ekim 2020
  • 0
    Web İçin En İyi Resim Formatları, Yüksek Kaliteli Fakat Düşük Dosya Boyulu Görüntü Biçimleri
    8 Haziran 2020
  • 0
    Hayatımın Aşkı!
    3 Şubat 2019
  • 0
    Planlı Çalışmak | Planlı Yaşamak
    18 Kasım 2018

Etiketler

adobe baskı blend tool data merge dersleri dijital yayın domain epub eğitimi facebook font aileleri fontlar font tarihi garamond helvetica hikaye hosting indesign indesign web indirme instagram interaktif pdf kurulum pdf quark quarkXpress reklam ajansında web satın alma social media sosyal sosyal medya sunum tema tipografi tipografi suçları twitter univers uygulama web web site web tasarım web yazılım wordpress wordpress tema yazı

Reklam | Ads

Bu alana siz de reklam verebilirsiniz. İletişim için mesaj kutusunu kullanın.

Gamze Genç Çelik

Ürün tasarımcısı, UX stratejisti, front-end iş birliği uzmanı, eğitmen ve ekip lideri olarak çalışıyorum. Ancak özünde, amacım etkili dijital deneyimler oluşturmak, iş akışlarını optimize etmek ve marka varlığını güçlendirmektir.

Blog Yazıları

  • Yapay Zeka ile Website Arayüz Tasarımı
  • Instagram Etkileşiminizi Üç Katına Çıkarmanın 3 Yolu
  • Web İçin En İyi Resim Formatları, Yüksek Kaliteli Fakat Düşük Dosya Boyulu Görüntü Biçimleri

Benimle iletişime Geçin

Have any questions?

info@gamzegenc.com

All Rights Reserved © 2011 - 2025 Gamze Genc Celik.