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
25

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

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

Takip Edin | Follow Me

Instagram

gamzegenccelik


Hoşgeldin yeni yaşım, yeni telaşlarım, yeni k
Hoşgeldin yeni yaşım, yeni telaşlarım, yeni kararlarım, yeni işim, yeni heyecanlarım, ikinci anneliğim, "Her şeye rağmen"lerim, sevdiklerim ve sevdiğini her daim hissettiklerim, sevinçlerim ve hüzünlerim, kimse gibi olmayıp hep kendi gibi kalan yanım, Hoşgeldin... 🤍 #happybirthday #birthdaygirl #birthday

Sana olan sevgimi anlatmak için kocaman bir kitap
Sana olan sevgimi anlatmak için kocaman bir kitap yazabilirim bebeğim. Bizim yavrumuz olduğun için çok şanslıyız. Nice yaşlar kutlayasın, çok sev çok sevil kuzum. Ömrün uzun olsun 🤍 iki yaş hoş geldin kızıma!

👧🏻🤍👶🏻
👧🏻🤍👶🏻

🤍
🤍

Şimdi de biraz Luna postları gelsin 😉 kendisi
Şimdi de biraz Luna postları gelsin 😉 kendisi minik bir sevgi yumağı olur. İkinci çocuk daha kolay olur dedikleri kadar varmış. Luna bu lafın hakkını veriyor cidden. Ya da belki de biz ebeveynlik mesleğini özümsedik kim bilir ☺️
#babygirl #newborn #newbornbaby #babyluna #babyluna🌙 #babyluna🌛

She is something special!
She is something special!

Mimi mikrofona konuşursa!

#viralbebek #viraltodd
Mimi mikrofona konuşursa!

#viralbebek #viraltoddlers #goviral #ɢᴏᴠɪʀᴀʟ #cutebaby #cutetoddlers #cutegirl #babymic #mic #toy #toddlertoys #toddlertoy #toymicrophone


Go girl!!! 🪘

#getviral #viralbaby #viralbabyvi
Go girl!!! 🪘

#getviral #viralbaby #viralbabyvideos


Kalbime minik bir el dokundu 🤍 🌙
Kalbime minik bir el dokundu 🤍 🌙



Follow on Instagram


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ı

  • 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

Address:

Westchester, New York

Have any questions?

[email protected]

Instagram

gamzegenccelik

Hoşgeldin yeni yaşım, yeni telaşlarım, yeni k Hoşgeldin yeni yaşım, yeni telaşlarım, yeni kararlarım, yeni işim, yeni heyecanlarım, ikinci anneliğim, "Her şeye rağmen"lerim, sevdiklerim ve sevdiğini her daim hissettiklerim, sevinçlerim ve hüzünlerim, kimse gibi olmayıp hep kendi gibi kalan yanım, Hoşgeldin... 🤍 #happybirthday #birthdaygirl #birthday
Sana olan sevgimi anlatmak için kocaman bir kitap Sana olan sevgimi anlatmak için kocaman bir kitap yazabilirim bebeğim. Bizim yavrumuz olduğun için çok şanslıyız. Nice yaşlar kutlayasın, çok sev çok sevil kuzum. Ömrün uzun olsun 🤍 iki yaş hoş geldin kızıma!
👧🏻🤍👶🏻 👧🏻🤍👶🏻
🤍 🤍
Şimdi de biraz Luna postları gelsin 😉 kendisi Şimdi de biraz Luna postları gelsin 😉 kendisi minik bir sevgi yumağı olur. İkinci çocuk daha kolay olur dedikleri kadar varmış. Luna bu lafın hakkını veriyor cidden. Ya da belki de biz ebeveynlik mesleğini özümsedik kim bilir ☺️
#babygirl #newborn #newbornbaby #babyluna #babyluna🌙 #babyluna🌛
She is something special! She is something special!
Mimi mikrofona konuşursa! #viralbebek #viraltodd Mimi mikrofona konuşursa!

#viralbebek #viraltoddlers #goviral #ɢᴏᴠɪʀᴀʟ #cutebaby #cutetoddlers #cutegirl #babymic #mic #toy #toddlertoys #toddlertoy #toymicrophone
Go girl!!! 🪘 #getviral #viralbaby #viralbabyvi Go girl!!! 🪘

#getviral #viralbaby #viralbabyvideos
Kalbime minik bir el dokundu 🤍 🌙 Kalbime minik bir el dokundu 🤍 🌙
Follow on Instagram

All Rights Reserved © 2011 - 2022 Gamze Genc Celik.