İnsan ve Toplum Bilimleri Fakültesi · Görsel İletişim Tasarımı · Lisans
Dersin Amacı
Bu dersin amacı, öğrencilerin dijital medya ortamlarını ve arayüz tasarımını kavramsal, estetik ve işlevsel boyutlarıyla ele alabilmelerini sağlamak; kullanıcı odaklı tasarım yaklaşımı doğrultusunda web ve mobil platformlar için etkili arayüzler tasarlayabilme yetkinliği kazandırmaktır. Ders kapsamında öğrencilerin, dijital medya kavramlarını analiz edebilmesi, kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarım ilkelerini uygulayabilmesi, marka kimliğiyle uyumlu dijital arayüzler geliştirebilmesi ve tasarım kararlarını gerekçelendirebilmesi hedeflenmektedir.
Ders İçeriği
Ders; dijital medya ve arayüz tasarımına girişten başlayarak, dijital medya türleri, geleneksel ve arayüz tasarım ilkeleri, görsel hiyerarşi, renk teorisi, tipografi ve marka dili konularını kapsar. İlerleyen haftalarda kullanıcı deneyimi (UX), kullanıcı arayüzü (UI) tasarım süreci, görsel kimlik yeniden tasarımı (rebranding) ve örnek UI incelemeleri ele alınır. Dersin ikinci yarısında öğrenciler, Figma üzerinden seçtikleri bir marka veya oluşturdukları bir marka için web sitesi veya mobil uygulama arayüzü tasarlayarak, kullanıcı odaklı ve uygulanabilir bir dijital ürün geliştirirler.
Zorunlu Kaynaklar
- Figma Resmi Dokümantasyonu
Önerilen Kaynaklar
Nielsen Norman Group – UX Araştırmaları ve Makaleleri
Açıklamalar
Ders; dijital medya, kullanıcı deneyimi ve arayüz tasarımı kavramlarını teorik ve uygulamalı olarak ele almakta; öğrencilerin web ve mobil platformlar için kullanıcı odaklı ve uygulanabilir arayüzler tasarlayabilmesini hedeflemektedir.
Kurallar
Bu derste öğrencilerin derslere düzenli katılım göstermesi ve haftalık ilerlemelerini düzenli olarak sunmaları beklenmektedir. Vize ve final projeleri, ders kapsamında verilen yönergelere uygun biçimde hazırlanmalı ve belirtilen tarihlerde teslim edilmelidir. Ders sürecinde verilen geri bildirimlerin dikkate alınması ve projelerin bu doğrultuda geliştirilmesi öğrencinin sorumluluğundadır. Akademik etik kurallarına uyulması zorunludur.
Dersin Öğrenme Çıktıları
- Dijital medya ve arayüz tasarımı kavramlarını açıklayabilir.
- Kullanıcı deneyimi ve kullanıcı arayüzü tasarım ilkelerini analiz edebilir.
- Web ve mobil platformlar için kullanıcı odaklı arayüzler tasarlayabilir.
- Marka kimliğiyle uyumlu dijital tasarım çözümleri üretebilir.
- Tasarım kararlarını UI ve UX ilkelerine dayalı olarak gerekçelendirebilir.
- Figma programını kullanarak uygulanabilir arayüzler geliştirebilir.
Temel Alan Dağılımı
Öğretim Yöntem ve Teknikleri
Ölçme ve Değerlendirme
AKTS / İş Yükü
| Etkinlik | Sayı | Süre (saat) | Toplam İş Yükü |
|---|---|---|---|
| Ders Süresi (Sınav Haftası Dahil) | 16 | 3 | 48 |
| Sınıf Dışı Ders Çalışma Süresi | 0 | 0 | 0 |
| Ara Sınav | 1 | 3 | 3 |
| Kısa Sınav | 0 | 0 | 0 |
| Ödev | 0 | 0 | 0 |
| Uygulama | 4 | 2 | 8 |
| Final | 1 | 1 | 1 |
Ders Akışı
| Hafta | Konu | Ön Hazırlık |
|---|---|---|
| 1 | Derse Giriş | Dijital medya ve arayüz tasarımı kavramlarına giriş, dersin kapsamı ve beklentilerin açıklanması. |
| 2 | Medya Türleri | Dijital medya türleri; geleneksel medya ile dijital medyanın benzerlikleri ve farklılıklarının karşılaştırılması. |
| 3 | Arayüz Tasarımına (UI) Giriş | Arayüz tasarımı nedir? Kullanılabilirlik ilkeleri, görsel hiyerarşi, renk teorisi, tipografi ve marka dili ele alınır. |
| 4 | Kullanıcı Deneyimi (UX) | Kullanıcı deneyimi (UX) ve arayüz tasarımının temel prensipleri ele alınır. |
| 5 | Rebranding | Görsel kimlik ve yeniden markalama (rebranding) kavramları; dijital arayüzlerle ilişkisi ele alınır. |
| 6 | UI Tasarım Analizi | UI tasarım süreci ve örnek UI incelemeleri üzerinden analizler yapılır. UX açısından değerlendirilir. |
| 7 | UI Tasarım Analizi | UI tasarım süreci ve örnek UI incelemeleri üzerinden analizler yapılır. UX açısından değerlendirilir. |
| 8 | Arasınav | Arasınav |
| 9 | Figma Uygulamalı Çalışmalar Gösterimi | Uygulama |
| 10 | Figma Uygulamalı Çalışmalar Gösterimi | Uygulama |
| 11 | Figma Uygulamalı Çalışmalar Gösterimi | Uygulama |
| 12 | Figma Uygulamalı Çalışmalar Gösterimi | Uygulama |
| 13 | Öğrenci Uygulamaları | Öğrenci Uygulamaları |
| 14 | Öğrenci Uygulamaları | Öğrenci Uygulamaları |
| 15 | Öğrenci Uygulamaları | Öğrenci Uygulamaları |
| 16 | Öğrenci Uygulamaları | Öğrenci Uygulamaları |


