Ana içeriğe atla
EN

ETKİLEŞİMLİ TASARIM

Ders
GRDE303 - ETKİLEŞİMLİ TASARIM
Bölüm
Grafik Tasarım - İngilizce - Lisans
Ders Tipi
Ders
Durum
Zorunlu
Dil
İngilizce
Kredi
3
AKTS
4
T+P+L
2 + 2 + 0
Ders Koordinatörleri
Prof. Dr. Vüsal BAĞIROV
Ön Koşul
-
Anahtar Sözcükler

Ders Açıklaması

Etkileşimli Tasarım dersi içeriğinde görselleştirme ve etkileşimlilik alanlarının teorik ve uygulamalı perspektiflerini harmanlar. Bu alanlar etkileşimli tasarımın kullanılabildiği eğitim, eğlence ve sektör sektörlerindeki farklı kullanımlarını kapsar. Uygulamalı olarak işlenen bu ders, sistemin tanımladığı ve kullanıcının davranışına göre değişen yazılım ve diğer etkileşimli arayüz tasarımlarına odaklanır. Bu dersin amacı etkileşimli tasarım tekniklerini, aynı zamanda tasarım ve yazılım bilgilerini bir zemin olarak kullanmaları için öğrencinin kullanımına sunmaktır. Çağın gerektirdiği yenilikleri takip edebilmek, yeni medya ortamlarına bir tasarımcı olarak entegre olabilmek açısından dersin kazanımları önemlidir. Bu dersin sonunda öğrenciler etkileşimli dergi tasarımı, dijital kitap tasarımı, web sitesi tasarımı ve mobil uygulama tasarımları yapabilirler.

ETKİLEŞİMLİ TASARIM

Değerlendirme Araçları (Aktif Dönem)

Öğe Tür Ağırlık (%)
Midterm Project Ara Sınav 30
Final Project Final 40
Project 1 Proje 15
Project 2 Proje 15
Toplam 100

Ders çıktıları

  1. 01 Designs concepts (3) and studies them (5)
  2. 02 Designing original logo designs (5) and visualizing ideas with Indesign and Photoshop (5)
  3. 03 Decides (2) which color graphic elements can be used and designed (5)
  4. 04 Define the Concept (2) and describe the relationship between text and visual elements. (3)
  5. 05 Designing (5) and developing (4) student's artistic perspectives

Ders Müfredatı

Hafta Konu
Hafta 1 Introduction, general description of interactive design
Hafta 2 Introduction to Interactive Graphic Design: What is interactive design? Historical context and evolution. Principles: usability, engagement, and interactivity. Case studies (websites, apps, installations).
Hafta 3 Fundamentals of User-Centered Design: UX vs. UI explained. Understanding target audiences & personas. Wireframing basics.
Hafta 4 Visual Design Principles in Interactivity: Typography, color, and layout for screens. Accessibility & inclusivity in design. Responsive/adaptive design principles. Exercise: Reworking a static poster into an interactive layout.
Hafta 5 Tools for Interactive Graphic Design: Software: Figma, Adobe XD, After Effects, Blender (for motion). Introduction to prototyping tools. Workshop: Building clickable prototypes.
Hafta 6 Motion & Time-Based Design: ole of motion in interactivity. Micro-interactions & animations. Exercise: Creating animated buttons or transitions.
Hafta 7 Interactive Media & Storytelling: Narrative design in interactive experiences. Storyboarding interactive flows. Workshop: Designing an interactive infographic.
Hafta 8 MIDTERM
Hafta 9 MIDTERM
Hafta 10 Web & Mobile Interfaces: Designing for different devices. Mobile-first vs. desktop-first strategies.
Hafta 11 Web & Mobile Interfaces: Usability testing methods. Workshop: Redesign an app screen with improved UX.
Hafta 12 Experimental & Emerging Technologies: AR/VR in interactive design. AI-driven interactivity. Interactive installations & multimedia. Discussion: Future of interactive graphic design.
Hafta 13 Project Development I: Project proposal & wireframes.
Hafta 14 Project Development II: Prototyping, design testing, and refinement.
Hafta 15 FINAL

Referans Kitaplar & Ders Materyalleri

  1. 01 Adobe After Effects 2020, Adobe After Effects CC Basics and Advanced motion graphics by Meyers, 2020
  2. 02 Designing in Figma, Federenko, 2020
  3. 03 Motion Graphic, Principles and Practices by Crook & Beare, Bloomsbury, 2016
  4. 04 Figma for UI/UX, Aditi Sharma, Orange Education, 2025

Ders Çıktıları

  1. L01 Bir fikri, kavramı veya olguyu yaratıcı biçimde görsel olarak ifade eder(2) SOLO 2
  2. L02 Öğrenci hangi renk grafik elemanlarının kullanılabileceğine karar verebilir(2) ve ayırt edebilir(4) SOLO 3
  3. L03 Tasarım sürecinde teknolojiyi etkin biçimde uygular.(3) SOLO 3
  4. L04 Kavram, durum ve nesneleri görsel bağlamda sembolize eder(3) SOLO 3
  5. L05 Öğrenciler multimedya, reklam grafikleri, animasyon, yeni medya, baskı ve fotoğraf gibi farklı görsel alanları(3) kullanabilir ve üretebilir(5). SOLO 4

Program Çıktıları

  1. P01 Öğrenci tasarım prensiplerini seçer ve yaptığı uygulama ile eşleştirebilir
  2. P02 Öğrenci sanat ve tasarım alanında ulusal ve uluslararası değerleri tanımlayabilir
  3. P03 Öğrenci soyut ve somut tasarım kavramlarını tanımlayabilir ve kompozisyon içerisinde ifade edebilir
  4. P04 Öğrenci yaptığı grafik uygulamayı tamamlamak için zamanı doğru şekilde ayarlayabilir
  5. P05 Öğrenci görüntü ve anlam ilişkisini eşleştirir
  6. P06 Öğrenci gördüğünü çizim ile ifade edebilir
  7. P07 Tipografik ögeleri belirler, izler, hizalar, hiyerarşiyi hesaplar
  8. P08 Sanat ve tasarım materyallerini tanır ve listeler
  9. P09 Bir fikri, kavramı veya olguyu yaratıcı biçimde görsel olarak ifade eder
  10. P10 Karşılaşılan tasarım problemlerini süreç içerisinde çözümler
  11. P11 Kavram, durum ve nesneleri görsel bağlamda sembolize eder
  12. P12 Temel grafik tasarım ilkelerini anımsayarak tasarım projelerini geliştirir
  13. P13 Tasarım sürecinde teknolojiyi etkin biçimde uygular
  14. P14 Eleştirel düşünebilir ve teorik kazanımları bağlamında sorgulayabilir
  15. P15 Tasarımın geçmişini, bugününü ve geleceğini ilişkilendirebilir
  16. P16 Sanatsal eleştiri yöntemleri bağlamında gözlem ve mukayese yapabilir
  17. P17 Çoklu ortam, reklam grafiği, animasyon, yeni medya, baskı resim ve fotoğrafçılık gibi farklı görsel alanlarda tasarlar ve üretir
  18. P18 Takım çalışmasına yönelik iletişim becerilerini geliştirir
  19. P19 Alanla ilgili etkin biçimde tartışabilir, eleştiri getirebilir, teori kurabilir
  20. P20 Kitap ve dergi tasarımlarında paragraflar, tek sütunlu, çok sütunlu ve modüler ızgaraları düzenleyebilir
  21. P21 Meslektaşlar ile disiplinler arası ve çok disiplinli ortamlarda ortak çalışmalar planlayabilir
  22. P22 Görsel imgelerle yazılı metinleri ilişkilendirebilir
  23. P23 Sanatsal eleştiri yöntemleri bağlamında gözlem ve mukayese yapabilir
  24. P24 Alanıyla ilgili yasal düzenlemeler ve işlemleri uygulayabilir
  25. P25 Görsel imgelerle yazılı metinleri ilişkilendirebilir

Pç-Dç Matrisi

ÖÇ P01 P02 P03 P04 P05 P06 P07 P08 P09 P10 P11 P12 P13 P14 P15 P16 P17 P18 P19 P20 P21 P22 P23 P24 P25 Ortalama
L01 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
L02 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
L03 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
L04 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
L05 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0