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ı
- 01 Designs concepts (3) and studies them (5)
- 02 Designing original logo designs (5) and visualizing ideas with Indesign and Photoshop (5)
- 03 Decides (2) which color graphic elements can be used and designed (5)
- 04 Define the Concept (2) and describe the relationship between text and visual elements. (3)
- 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
- 01 Adobe After Effects 2020, Adobe After Effects CC Basics and Advanced motion graphics by Meyers, 2020
- 02 Designing in Figma, Federenko, 2020
- 03 Motion Graphic, Principles and Practices by Crook & Beare, Bloomsbury, 2016
- 04 Figma for UI/UX, Aditi Sharma, Orange Education, 2025
Ders Çıktıları
- L01 Bir fikri, kavramı veya olguyu yaratıcı biçimde görsel olarak ifade eder(2) SOLO 2
- L02 Öğrenci hangi renk grafik elemanlarının kullanılabileceğine karar verebilir(2) ve ayırt edebilir(4) SOLO 3
- L03 Tasarım sürecinde teknolojiyi etkin biçimde uygular.(3) SOLO 3
- L04 Kavram, durum ve nesneleri görsel bağlamda sembolize eder(3) SOLO 3
- 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ı
- P01 Öğrenci tasarım prensiplerini seçer ve yaptığı uygulama ile eşleştirebilir
- P02 Öğrenci sanat ve tasarım alanında ulusal ve uluslararası değerleri tanımlayabilir
- P03 Öğrenci soyut ve somut tasarım kavramlarını tanımlayabilir ve kompozisyon içerisinde ifade edebilir
- P04 Öğrenci yaptığı grafik uygulamayı tamamlamak için zamanı doğru şekilde ayarlayabilir
- P05 Öğrenci görüntü ve anlam ilişkisini eşleştirir
- P06 Öğrenci gördüğünü çizim ile ifade edebilir
- P07 Tipografik ögeleri belirler, izler, hizalar, hiyerarşiyi hesaplar
- P08 Sanat ve tasarım materyallerini tanır ve listeler
- P09 Bir fikri, kavramı veya olguyu yaratıcı biçimde görsel olarak ifade eder
- P10 Karşılaşılan tasarım problemlerini süreç içerisinde çözümler
- P11 Kavram, durum ve nesneleri görsel bağlamda sembolize eder
- P12 Temel grafik tasarım ilkelerini anımsayarak tasarım projelerini geliştirir
- P13 Tasarım sürecinde teknolojiyi etkin biçimde uygular
- P14 Eleştirel düşünebilir ve teorik kazanımları bağlamında sorgulayabilir
- P15 Tasarımın geçmişini, bugününü ve geleceğini ilişkilendirebilir
- P16 Sanatsal eleştiri yöntemleri bağlamında gözlem ve mukayese yapabilir
- P17 Çoklu ortam, reklam grafiği, animasyon, yeni medya, baskı resim ve fotoğrafçılık gibi farklı görsel alanlarda tasarlar ve üretir
- P18 Takım çalışmasına yönelik iletişim becerilerini geliştirir
- P19 Alanla ilgili etkin biçimde tartışabilir, eleştiri getirebilir, teori kurabilir
- P20 Kitap ve dergi tasarımlarında paragraflar, tek sütunlu, çok sütunlu ve modüler ızgaraları düzenleyebilir
- P21 Meslektaşlar ile disiplinler arası ve çok disiplinli ortamlarda ortak çalışmalar planlayabilir
- P22 Görsel imgelerle yazılı metinleri ilişkilendirebilir
- P23 Sanatsal eleştiri yöntemleri bağlamında gözlem ve mukayese yapabilir
- P24 Alanıyla ilgili yasal düzenlemeler ve işlemleri uygulayabilir
- 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 |