görsel tasarım İlkeleri - hacettepe...
TRANSCRIPT
![Page 1: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/1.jpg)
- 1BBY375 – 15 Kasım 2017
Zehra Taşkın
@zehrataskin
Görsel Tasarım İlkeleri
![Page 2: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/2.jpg)
- 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
![Page 3: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/3.jpg)
- 3BBY375 – 15 Kasım 2017
![Page 4: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/4.jpg)
- 4
3 sayısını parmağınızla gösterin.
BBY375 – 15 Kasım 2017
![Page 5: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/5.jpg)
- 5BBY375 – 15 Kasım 2017
3 Bardak Hikayesi
https://www.youtube.com/watch?v=BDB_yCvuTlE
![Page 6: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/6.jpg)
- 6
«İlkeyi tasarım değil amaç belirler»
BBY375 – 15 Kasım 2017
(İlk kimin söylediği bilinmeyen söz)
![Page 7: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/7.jpg)
- 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
![Page 8: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/8.jpg)
- 8
Tasarım Öğeleri
Çizgi
Şekil
Alan
Boyut
Doku
Renk
Yazı
…BBY375 – 15 Kasım 2017
![Page 9: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/9.jpg)
- 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?
![Page 10: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/10.jpg)
- 10
Çizgi
BBY375 – 15 Kasım 2017
![Page 11: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/11.jpg)
- 11
Çizgi
BBY375 – 15 Kasım 2017
![Page 12: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/12.jpg)
- 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
![Page 13: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/13.jpg)
- 13
Şekil
BBY375 – 15 Kasım 2017
![Page 14: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/14.jpg)
- 14
Şekil
BBY375 – 15 Kasım 2017
![Page 15: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/15.jpg)
- 15
Şekil
BBY375 – 15 Kasım 2017
![Page 16: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/16.jpg)
- 16
Alan Kullanımı
Metin-boşluk dengesi
BBY375 – 15 Kasım 2017
![Page 17: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/17.jpg)
- 17
Boyut
Bağlama uyacak görsel boyutları
Uygun çözünürlükler
BBY375 – 15 Kasım 2017
![Page 18: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/18.jpg)
- 18
Doku
İki boyutlu görsellere gerçekçilik
katar
Algılamayı kolaylaştırır
BBY375 – 15 Kasım 2017
![Page 19: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/19.jpg)
- 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
![Page 20: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/20.jpg)
- 20
Renk
CMYK ile RGB’nin farkı ne?
Renkleri en iyi hangi dosya biçimi
ile gösterebilirsiniz?
BBY375 – 15 Kasım 2017
![Page 21: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/21.jpg)
- 21
Renk
BBY375 – 15 Kasım 2017
![Page 22: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/22.jpg)
- 22
Renk
BBY375 – 15 Kasım 2017
![Page 23: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/23.jpg)
- 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
![Page 24: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/24.jpg)
- 24
Senin Yazı Tipin Ne?
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=A_IMnGvaWtE
![Page 25: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/25.jpg)
- 25
Tasarım İlkeleri
Bütünlük
Denge
Vurgu
Hizalama
Yakınlık
BBY375 – 15 Kasım 2017
![Page 26: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/26.jpg)
- 26
Tasarım İlkeleri
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=FgSAUJ1xZJ8 «
![Page 27: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/27.jpg)
- 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?
![Page 28: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/28.jpg)
- 28
Tasarım Araçları
İnfografik
Piktochart
Powtoon
Animaker
…
Powerpoint?
Word?
BBY375 – 15 Kasım 2017
![Page 29: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/29.jpg)
- 29
Powerpoint Bunu Yapabilir…
BBY375 – 15 Kasım 2017
https://www.youtube.com/watch?v=yCGxuejNNK8
![Page 30: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/30.jpg)
- 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
![Page 31: Görsel Tasarım İlkeleri - Hacettepe Üniversitesiyunus.hacettepe.edu.tr/~umutal/lesson/bby375/2017/2007_375_007.… · • Dekorasyon olsun diye renk kullanılmaz • Bu yaratıcılık](https://reader034.vdocuments.site/reader034/viewer/2022050215/5f6115c3fe13696e0217bf84/html5/thumbnails/31.jpg)
- 31BBY375 – 15 Kasım 2017
Zehra Taşkın
@zehrataskin
Görsel Tasarım İlkeleri