görsel tasarım İlkeleri - hacettepe...
TRANSCRIPT
- 1BBY375 – 15 Kasım 2017
Zehra Taşkın
@zehrataskin
Görsel Tasarım İlkeleri
- 2
Plan
Görsel algılama
Görsel tasarımın
Tasarım öğeleri
Tasarım ilkeleri
Görsel tasarım araçları
İnfografikler
Powerpoint?
Word?
BBY375 – 15 Kasım 2017
- 3BBY375 – 15 Kasım 2017
- 4
3 sayısını parmağınızla gösterin.
BBY375 – 15 Kasım 2017
- 5BBY375 – 15 Kasım 2017
3 Bardak Hikayesi
https://www.youtube.com/watch?v=BDB_yCvuTlE
- 6
«İlkeyi tasarım değil amaç belirler»
BBY375 – 15 Kasım 2017
(İlk kimin söylediği bilinmeyen söz)
- 7
Tasarıma Başlarken…
• Problemi tanımla
• Araştır ve keşfet
– Neyi, nasıl, nereden…
• Tasarla
• Kavramsallaştır ve görselleştir
• Uygula ve düzenle
BBY375 – 15 Kasım 2017
- 8
Tasarım Öğeleri
Çizgi
Şekil
Alan
Boyut
Doku
Renk
Yazı
…BBY375 – 15 Kasım 2017
- 9
Çizgi
Dikkati belirli bir noktaya çekmek
Belirli bir yolun izlenmesini
sağlamak
Yön ve hareket göstermek
Şekilleri ayırmak veya birleştirmek
BBY375 – 15 Kasım 2017
Tasarımında çizgi kullanılan
uygulamalara örnekler?
- 10
Çizgi
BBY375 – 15 Kasım 2017
- 11
Çizgi
BBY375 – 15 Kasım 2017
- 12
Şekil
İki boyutlu biçimler
Etik kurallar?
Her şekil kullanılabilir mi?
Şekil kullanma incelikleri
Transparan arkaplan nedir?
Hangi dosya türü ile mümkündür?
BBY375 – 15 Kasım 2017
- 13
Şekil
BBY375 – 15 Kasım 2017
- 14
Şekil
BBY375 – 15 Kasım 2017
- 15
Şekil
BBY375 – 15 Kasım 2017
- 16
Alan Kullanımı
Metin-boşluk dengesi
BBY375 – 15 Kasım 2017
- 17
Boyut
Bağlama uyacak görsel boyutları
Uygun çözünürlükler
BBY375 – 15 Kasım 2017
- 18
Doku
İki boyutlu görsellere gerçekçilik
katar
Algılamayı kolaylaştırır
BBY375 – 15 Kasım 2017
- 19
Renk
• 3’ten fazla renk çeşidi kullanmak göz
yorar
• Koyu arka plana açık, açık arka plana
koyu renk yazı seçilmeli
• Dekorasyon olsun diye renk
kullanılmaz
• Bu yaratıcılık değil
BBY375 – 15 Kasım 2017
- 20
Renk
CMYK ile RGB’nin farkı ne?
Renkleri en iyi hangi dosya biçimi
ile gösterebilirsiniz?
BBY375 – 15 Kasım 2017
- 21
Renk
BBY375 – 15 Kasım 2017
- 22
Renk
BBY375 – 15 Kasım 2017
- 23
Yazı Tipi ve Yazı Kullanımı
Yazı tipi boyutu• TÜMÜ BÜYÜK HARF
• Farklı büyüklükte yazı tipleri• Karmaşık yazı tipleri
• İ
Özel karakterler
ğ, ş, å…
Dilin doğru kullanımı diili düzgn kllnamak ömemli
BBY375 – 15 Kasım 2017
- 24
Senin Yazı Tipin Ne?
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=A_IMnGvaWtE
- 25
Tasarım İlkeleri
Bütünlük
Denge
Vurgu
Hizalama
Yakınlık
BBY375 – 15 Kasım 2017
- 26
Tasarım İlkeleri
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=FgSAUJ1xZJ8 «
- 27BBY375 – 15 Kasım 2017
Milyonlarca gösterim
yöntemi ve binlerce görsel
uygulaması var.
Hangisini, hangi amaçlar
için ve nasıl kullanalım?
- 28
Tasarım Araçları
İnfografik
Piktochart
Powtoon
Animaker
…
Powerpoint?
Word?
BBY375 – 15 Kasım 2017
- 29
Powerpoint Bunu Yapabilir…
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=yCGxuejNNK8
- 30
Kaynakça Archibald, J. (2011). Elements of design quick reference sheet. Erişim adresi:
https://paper-leaf.com/blog/2011/02/elements-of-design-quick-reference-
sheet/
Madran, O. (2013). Görsel tasarım ilkeleri. Erişim adresi:
http://www.madran.net/wp-
content/uploads/2013/09/bote205_4_Gorsel_Tasarim_Ilkeleri-Sunum.pdf
Malamed, C. (2015). Visual design solutions: Principles and creative
inspiration for learning. Hoboken: John Wiley & Sons Inc.
Özcan, B. (2015a). Matrix'ten 9 kompozisyon kuralı.
https://www.youtube.com/watch?v=FgSAUJ1xZJ8
Özcan, B. (2015b). Senin yazı tipin ne? Dünyanın en önemli fontları! Erişim
adresi: https://www.youtube.com/watch?v=A_IMnGvaWtE
Özcan, B. (2017). Neden herkes farklı şekilde daire çiziyor? Erişim adresi:
https://www.youtube.com/watch?v=CMK0grd0RFA
Pack, P. (2014). 25 epic graphic design tips for non-designers. Erişim adresi:
https://designschool.canva.com/blog/graphic-design-tips-non-designers/
Vital, A. (2017). How to think visually using visual analogies. Erişim adresi:
https://blog.adioma.com/how-to-think-visually-using-visual-analogies-
infographic/BBY375 – 15 Kasım 2017
- 31BBY375 – 15 Kasım 2017
Zehra Taşkın
@zehrataskin
Görsel Tasarım İlkeleri