Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
5GİT303Web Tasarımı 11+2+02329.10.2026
Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Lisans
Bölümü / Programı Görsel İletişim Tasarımı
Öğrenim Türü Örgün Öğretim
Dersin Türü Zorunlu
Dersin Öğretim Şekli Yüz Yüze
Dersin Amacı Dersin amacı öğrencilere, web ve mobil ortamlara yönelik web sayfaları ve uygulamalara ait arayüz tasarımına ait teorik ve uygulamalı bilgiyi aktarmaktır.
Dersin İçeriği Bu ders, güncel mobil cihazlara yönelik ilke ve kuramları öğrenerek, ilgili cihazlara yönelik web sayfası ve mobil uygulamalara ait arayüz grafik ve görselleştirmelerini başarılı bir şekilde yapım yöntemlerini uygulamalı olarak öğrenmesidir.
Dersin Yöntem ve Teknikleri Anlatım, gösterip yaptırma, bilgisayar destekli uygulama ve proje çalışması.
Ön Koşulları Yok
Dersin Koordinatörü Yok
Dersi Verenler Dr.Öğretim Üyesi Necati VARDAR
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar GRAFİK TASARIM REHBERİ - Özge Mardi Bayar
Ders Notları Responsive Web Tasarımı ve Uygulamaları - Burak Tokak

Ders Yapısı
Alan Bilgisi %100

Planlanan Öğrenme Aktiviteleri ve Metodları
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 40
Yarıyıl Sonu Sınavı 1 % 60
Toplam :
2
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 3 42
Sınıf Dışı Ç. Süresi 14 3 42
Ara Sınavlar 1 2 2
Yarıyıl Sonu Sınavı 1 2 2
Toplam İş Yükü   AKTS Kredisi : 3 88

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Sıra NoAçıklama
1 Eskiz olarak başladıkları arayüz tasarımını, sektör de ağırlıklı olarak kullanılan Adobe Photoshop görselleştirmeyi öğrenebilecek
2 Illustrator ile Mobil cihazlara yönelik ikon ve uygulama arayüz tasarımını öğrenebilecek
3 Farklı platformlar için Adobe XD ile arayüz uygulaması yapabilecek
4 Websitesi arayüz tasarımlarını responsive hale getirebilecek

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 Web Tasarımı nedir? Arayüz tasarımında kullanılan tanımlar ve kavramlar nelerdir?
2 Kodlama dilleri İçerik yönetim sistemleri
3 Görsel tasarım unsurları Web sitesi kullanıcı özellikleri ve önemi
4 Kullanıcı Arayüz Tasarımına Giriş
5 Adobe XD ile Arayüz Tasarım Araçlarına Giriş
6 Web Sayfası Tasarımında Anahatlar, İlkeler ve Kuramlar
7 Uygulama - Proje seçimi ve kullanıcı deneyimi süreci bileşenlerine göre planlanması
8 ARA SINAV
9 Web Görselleştirme de Tasarım Yaklaşımları
10 Web için yazı karakterleri ve uygulaması
11 Web için renkler ve uygulaması
12 Adobe Illustrator ile İkon Tasarımı
13 Responsive Kullanıcı Arayüzlerinin İncelenmesi
14 Final projesi teslimi ve değerlendirmeleri
15 Genel Değerlendirme

 
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10 P11 P12 P13 P14 P15
Ö1 4 5 5 5 4 5 5 5 5 5 4 4 1 5 5
Ö2 4 5 4 4 5 4 4 5 5 5 5 4 5 5 4
Ö3 5 4 5 5 4 5 5 5 5 4 4 5 4 4 5
Ö4 5 4 5 5 5 5 4 5 4 4 5 5 5 5 4

  Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek