logo-gamzegencceliklogo-gamzegencceliklogo-gamzegencceliklogo-gamzegenccelik
  • ANA SAYFA
  • 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.

step-step1

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.

logo-icon

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.

vector-icons

Ü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
89

Benzer yazılar

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
21 Ağustos 2018

WORDPRESS TEMEL EĞİTİM | 2. Bölüm: WordPress Kurulumu | Hosting – Domain Satın Alma


Devamını oku

1 Comment

  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..

    Cevapla

Bir cevap yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Kategoriler

Ara

Son Eklenenler

  • 0
    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
  • 1
    Photoshop Hakkında Bilmeniz Gereken 10 Özellik
    28 Eylül 2018

Takip Edin | Follow Me

Instagram

gamzegenccelik


Bu kadar kısa sürede nasıl da dünyam oldun, na
Bu kadar kısa sürede nasıl da dünyam oldun, nasıl şu bakışlara umudu sevgiyi sığdırdın? Peki sen beni sevmeyi, korumayı nereden öğrendin nasıl öğrendin? Off kalbim kaldırmıyor güzelliğini, belki de kargaya yavrusu şahin gibi görünüyor, ama böyle kargaya can kurban 🤍 Yavrucak sen beni çok değiştirdin çok 🤍 #4monthsold #babygirl

Geçen sene bu zamanlar koronavirüs henüz Amer
Geçen sene bu zamanlar koronavirüs henüz Amerika’ya uğramıştı ve 3 aylık bir minik büyütüyordum karnımda 🤫 şimdilerde ise miniğimin normali oldu maskeli yüzler görmek. Çok garip bir zamanda doğdu yavrucağım dünyaya gelir gelmez ilk öğrendiği şey “dışarı çıkarken maske takmalıyız” oldu, insanları sadece gözlerine bakarak tanımayı öğrendi 🤷🏼‍♀️ 
—————————————————————
#covid_19 #pandemiclife #pandemik #pandemikmuhabbet #pandemikhayat #tbt🔙📸 #tbttuesday

Repost from @gtuieee
•
Yurt dışına çıkmak

Repost from @gtuieee
•
Yurt dışına çıkmak uzaya çıkmak kadar zor mu? 🤔
O zaman #BirGideneSor 💬

Yurt dışında eğitim, staj, kariyer ve daha fazlası için birbirinden değerli konuklarımızla 25 Şubat’ta ieeegtu.com/externalday/  adresinde sizlerle birlikteyiz! 

Kayıt linki ieeegtu.com/externalday/ 
#SeninHayalinSeninGeleceğin
@zdikicioglu @gamzegenccelik @omurkahramann @deniz_karagulle


Sevgililer gününde benim papuç damda 💁🏼‍♀️
Hepinize aşk dolu bir gün diliyorum ❤️ #happyvalentinesday #valentines #babyvalentine

Gü nay dııı aaa o ne yaa ne güzelmiş bu e
Gü nay dııı aaa o ne yaa ne güzelmiş bu eller durun biraz yiyeyim 😋 Ne diyorduk hea GÜNAYDIIIIN! 3 aylık olmaya son bir gün kaldı, benim kız el ayak yeme derdinde hadi bakalım hayırlısı 4. Ay neler göreceğiz 🤷🏼‍♀️🙆‍♀️


Melodik bir tost isteyen? 😁
——————————————————-
#baby #babygirl #familyphoto #newborn #newbornbaby #happyfamily #mybaby #mybabies


More…


Takipte Kalın <3


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

Merhaba ben Gamze. Grafik tasarımcı, web geliştirici ve eğitmenim.

Web dünyasını, tasarımı, okumayı, yazmayı, yemek yapmayı, yardım etmeyi, öğrenmeyi, öğretmeyi ve ilgi duyduğum konularda kendimi geliştirmeyi seviyorum...

Blog Yazıları

  • 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
  • Hayatımın Aşkı!

Benimle iletişime Geçin

Address:

Westchester, New York

Have any questions?

[email protected]

Instagram

gamzegenccelik


Bu kadar kısa sürede nasıl da dünyam oldun, na
Bu kadar kısa sürede nasıl da dünyam oldun, nasıl şu bakışlara umudu sevgiyi sığdırdın? Peki sen beni sevmeyi, korumayı nereden öğrendin nasıl öğrendin? Off kalbim kaldırmıyor güzelliğini, belki de kargaya yavrusu şahin gibi görünüyor, ama böyle kargaya can kurban 🤍 Yavrucak sen beni çok değiştirdin çok 🤍 #4monthsold #babygirl

Geçen sene bu zamanlar koronavirüs henüz Amer
Geçen sene bu zamanlar koronavirüs henüz Amerika’ya uğramıştı ve 3 aylık bir minik büyütüyordum karnımda 🤫 şimdilerde ise miniğimin normali oldu maskeli yüzler görmek. Çok garip bir zamanda doğdu yavrucağım dünyaya gelir gelmez ilk öğrendiği şey “dışarı çıkarken maske takmalıyız” oldu, insanları sadece gözlerine bakarak tanımayı öğrendi 🤷🏼‍♀️ 
—————————————————————
#covid_19 #pandemiclife #pandemik #pandemikmuhabbet #pandemikhayat #tbt🔙📸 #tbttuesday

Repost from @gtuieee
•
Yurt dışına çıkmak

Repost from @gtuieee
•
Yurt dışına çıkmak uzaya çıkmak kadar zor mu? 🤔
O zaman #BirGideneSor 💬

Yurt dışında eğitim, staj, kariyer ve daha fazlası için birbirinden değerli konuklarımızla 25 Şubat’ta ieeegtu.com/externalday/  adresinde sizlerle birlikteyiz! 

Kayıt linki ieeegtu.com/externalday/ 
#SeninHayalinSeninGeleceğin
@zdikicioglu @gamzegenccelik @omurkahramann @deniz_karagulle


Sevgililer gününde benim papuç damda 💁🏼‍♀️
Hepinize aşk dolu bir gün diliyorum ❤️ #happyvalentinesday #valentines #babyvalentine

Gü nay dııı aaa o ne yaa ne güzelmiş bu e
Gü nay dııı aaa o ne yaa ne güzelmiş bu eller durun biraz yiyeyim 😋 Ne diyorduk hea GÜNAYDIIIIN! 3 aylık olmaya son bir gün kaldı, benim kız el ayak yeme derdinde hadi bakalım hayırlısı 4. Ay neler göreceğiz 🤷🏼‍♀️🙆‍♀️


Melodik bir tost isteyen? 😁
——————————————————-
#baby #babygirl #familyphoto #newborn #newbornbaby #happyfamily #mybaby #mybabies


More…


Takipte Kalın <3


All Rights Reserved © 2011 - 2020 Gamze Genc Celik.