| Hafta | Konu | Ön Hazırlık | Dökümanlar |
| 1 |
Web Grafik Tasarımına Giriş
• Grafik tasarım ve web tasarımı arasındaki farklar.
• Web grafik tasarımında kullanılan temel araçlar ve yazılımlar.
|
|
|
| 2 |
Renk Teorisi ve Web Tasarımı
• Renklerin psikolojik etkileri ve anlamları.
• Web projelerinde renk paletleri oluşturma ve renk uyumu sağlama.
|
|
|
| 3 |
Tipografi ve Yazı Tipleri
• Web tipografisi ilkeleri.
• Yazı tiplerinin seçimi, okunabilirlik ve erişilebilirlik.
|
|
|
| 4 |
Görsel Hiyerarşi ve Düzenleme Teknikleri
• Görsel hiyerarşi nedir?
• Düzenleme ve grid sistemleriyle tasarımda denge oluşturma.
|
|
|
| 5 |
Adobe Photoshop ile Web Tasarımı
• Photoshop’ta temel araçlar ve teknikler.
• Web projeleri için görseller ve banner tasarımı.
|
|
|
| 6 |
Adobe Illustrator ile Vektör Grafikler
• Vektör grafiklerin avantajları ve kullanımı.
• Web ikonları ve logoların tasarımı.
|
|
|
| 7 |
Figma ile Arayüz Tasarımı
• Figma’ya giriş ve temel özellikler.
• Prototip oluşturma ve arayüz tasarımı.
|
|
|
| 8 |
Vize
|
|
|
| 9 |
:Web için Görsel Optimizasyonu
• Görsel dosya formatları (JPEG, PNG, SVG, WEBP).
• Performans artırımı için görsel optimizasyon teknikleri.
|
|
|
| 10 |
UI (Kullanıcı Arayüzü) ve UX (Kullanıcı Deneyimi) Tasarımı
• UI ve UX arasındaki farklar.
• Kullanıcı dostu grafik tasarımlar oluşturma.
|
|
|
| 11 |
İkon Tasarımı ve Kullanımı
• Minimalist ve etkili ikon tasarım ilkeleri.
• İkon setlerinin web projelerinde kullanımı.
|
|
|
| 12 |
Responsive Grafik Tasarımı
• Duyarlı (responsive) tasarım için grafik oluşturma.
• Farklı cihazlar için görsellerin uyarlanması.
|
|
|
| 13 |
Animasyon ve Mikro Etkileşimler
• CSS ve JavaScript ile animasyonların tasarıma entegrasyonu.
• Animasyonların kullanıcı deneyimine katkısı.
|
|
|
| 14 |
Proje Geliştirme
• Bir web grafik tasarımı projesi geliştirme.
• Tasarım bileşenlerinin tamamlanması ve değerlendirilmesi.
|
|
|
| 15 |
Final Sınavı
|
|
|