Ana içeriğe atla

GİT 445 - Dijital Medya ve Arayüz Tasarımı

İnsan ve Toplum Bilimleri Fakültesi · Görsel İletişim Tasarımı · Lisans

AKTS: 3 T+U+L: 3+0+0 Zorunlu
Koordinatör: Öğr. Gör. Semanur ALTIN
Öğretim Üyeleri: Öğr. Gör. Semanur ALTIN

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ı

  1. Dijital medya ve arayüz tasarımı kavramlarını açıklayabilir.
  2. Kullanıcı deneyimi ve kullanıcı arayüzü tasarım ilkelerini analiz edebilir.
  3. Web ve mobil platformlar için kullanıcı odaklı arayüzler tasarlayabilir.
  4. Marka kimliğiyle uyumlu dijital tasarım çözümleri üretebilir.
  5. Tasarım kararlarını UI ve UX ilkelerine dayalı olarak gerekçelendirebilir.
  6. Figma programını kullanarak uygulanabilir arayüzler geliştirebilir.

Temel Alan Dağılımı

(21) Sanat%100

Öğretim Yöntem ve Teknikleri

AnlatımAlıştırma ve Uygulama

Ölçme ve Değerlendirme

Performans Görevi (Uygulama / Laboratuvar / Atölye / Arazi Çalışması / Seminer / Sunum / Bitirme Çalışması / Tez)Proje / Tasarım

AKTS / İş Yükü

EtkinlikSayıSüre (saat)Toplam İş Yükü
Ders Süresi (Sınav Haftası Dahil)16348
Sınıf Dışı Ders Çalışma Süresi000
Ara Sınav133
Kısa Sınav000
Ödev000
Uygulama428
Final111

Ders Akışı

HaftaKonuÖn Hazırlık
1Derse GirişDijital medya ve arayüz tasarımı kavramlarına giriş, dersin kapsamı ve beklentilerin açıklanması.
2Medya TürleriDijital medya türleri; geleneksel medya ile dijital medyanın benzerlikleri ve farklılıklarının karşılaştırılması.
3Arayü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.
4Kullanıcı Deneyimi (UX)Kullanıcı deneyimi (UX) ve arayüz tasarımının temel prensipleri ele alınır.
5RebrandingGörsel kimlik ve yeniden markalama (rebranding) kavramları; dijital arayüzlerle ilişkisi ele alınır.
6UI Tasarım AnaliziUI tasarım süreci ve örnek UI incelemeleri üzerinden analizler yapılır. UX açısından değerlendirilir.
7UI Tasarım AnaliziUI tasarım süreci ve örnek UI incelemeleri üzerinden analizler yapılır. UX açısından değerlendirilir.
8ArasınavArasınav
9Figma Uygulamalı Çalışmalar GösterimiUygulama
10Figma Uygulamalı Çalışmalar GösterimiUygulama
11Figma Uygulamalı Çalışmalar GösterimiUygulama
12Figma Uygulamalı Çalışmalar GösterimiUygulama
13Öğrenci UygulamalarıÖğrenci Uygulamaları
14Öğrenci UygulamalarıÖğrenci Uygulamaları
15Öğrenci UygulamalarıÖğrenci Uygulamaları
16Öğrenci UygulamalarıÖğrenci Uygulamaları