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



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


2020 her şeye rağmen seni güzel hatırlayacağım. #bestofnine #bestofnine2020 #bestof2020

“Yahu hangi ara geçti bu zaman” dediğimiz
“Yahu hangi ara geçti bu zaman” dediğimiz bir diğer ay daha. Yavrucak 2aylık oldu bugün ve bu ayın güncellemesi olarak ellerimizi keşfediyoruz. İlk kez bir oyuncak dikkatini çekti bir kaç gün önce ve oynadı kısa bir süreliğine de olsa ☺️ ama el keşfetme işi çok eğlenceliymiş bizim kız büyülenmiş gibi habire ellerine bakıp bakıp inanamaz gözlerle, sağ eline sol ile soluna sağ ile elleyip büyü 🪄 yapar gibi bir hallerde 🙃
—————————————————————
 #2monthsold #2monthsupdate #newborn @patpat_basic

Yavrunun doğduğu gün hariç farkettik de biz
Yavrunun doğduğu gün hariç farkettik de biz hiç üçümüz bir arada fotoğraf çekilmemişiz. Bu bizim ikinci aile fotoğrafımız 🥰


Happy Holidays 🎄 Yeni yıla son on gün 🎅🏼 bu minik ayakların ilk tatil sezonu olacak biz çok heyecanlıyız 2021de herkese sağlık diliyoruz 🙏🏼
———————————————————
#happyholidays #holidayseason #holiday #holidays2020 #happynewyear #happynewyear2021 #carters #cartersbaby #babysanta #baby #babygirl #babyhats #santa #santaclaus #noel #noelbaba #yeniyıl #yılbaşı #yılbaşısüsü

Bu sene yılbaşı ağacının süsü belli ol
Bu sene yılbaşı ağacının süsü belli oldu 😁 #HappyHolidays Y’all. Lohusa kafası da ayrı bir şeymiş her şeyi unutur oldum 🙈 bir de #tbt yapayım 28haftalık hamile bir gamzeli koyalım kenara 😅


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



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


2020 her şeye rağmen seni güzel hatırlayacağım. #bestofnine #bestofnine2020 #bestof2020

“Yahu hangi ara geçti bu zaman” dediğimiz
“Yahu hangi ara geçti bu zaman” dediğimiz bir diğer ay daha. Yavrucak 2aylık oldu bugün ve bu ayın güncellemesi olarak ellerimizi keşfediyoruz. İlk kez bir oyuncak dikkatini çekti bir kaç gün önce ve oynadı kısa bir süreliğine de olsa ☺️ ama el keşfetme işi çok eğlenceliymiş bizim kız büyülenmiş gibi habire ellerine bakıp bakıp inanamaz gözlerle, sağ eline sol ile soluna sağ ile elleyip büyü 🪄 yapar gibi bir hallerde 🙃
—————————————————————
 #2monthsold #2monthsupdate #newborn @patpat_basic

Yavrunun doğduğu gün hariç farkettik de biz
Yavrunun doğduğu gün hariç farkettik de biz hiç üçümüz bir arada fotoğraf çekilmemişiz. Bu bizim ikinci aile fotoğrafımız 🥰


Happy Holidays 🎄 Yeni yıla son on gün 🎅🏼 bu minik ayakların ilk tatil sezonu olacak biz çok heyecanlıyız 2021de herkese sağlık diliyoruz 🙏🏼
———————————————————
#happyholidays #holidayseason #holiday #holidays2020 #happynewyear #happynewyear2021 #carters #cartersbaby #babysanta #baby #babygirl #babyhats #santa #santaclaus #noel #noelbaba #yeniyıl #yılbaşı #yılbaşısüsü

Bu sene yılbaşı ağacının süsü belli ol
Bu sene yılbaşı ağacının süsü belli oldu 😁 #HappyHolidays Y’all. Lohusa kafası da ayrı bir şeymiş her şeyi unutur oldum 🙈 bir de #tbt yapayım 28haftalık hamile bir gamzeli koyalım kenara 😅


More…


Takipte Kalın <3


All Rights Reserved © 2011 - 2020 Gamze Genc Celik.

Bölüyorum ama…

Bu yazı ilgini çekmiş görünüyor.
Yeni yazılarımı Instagram’da duyuruyorum.
Takip et, etkileşimde kalalım.

 

×