Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
6GİT304Web Tasarımı 21+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ı ( GİT303 )
Dersin Koordinatörü Yok
Dersi Verenler Dr.Öğretim Üyesi Necati VARDAR
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar Gelişken, U., A dan Z ye Yeni Nesil Tekniklerle Web Tasarımı ve Web Programlama, Level Yayınları
Ambrose, G., Yaratıcı Tasarımın Temelleri, Literatür Çiçek, M., Web tasarımın Temelleri, Kodlab Yayınları
Ders Notları Kişisel Notlar

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 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 Arayüz tasarımında grid çizgilerinin önemi ve grid oluşturma.
3 Kullanıcı Arayüz Tasarımına Giriş
4 Photoshop ile Arayüz Obje Tasarım Araçlarına Giriş
5 Web Sayfası Tasarımında Anahatlar, İlkeler ve Kuramlar
6 Web Sayfası Tasarımında
7 Web Görselleştirmede Tasarım Yaklaşımları
8 Ara Sınav
9 Responsive Kullanıcı Arayüzlerinin İncelenmesi
10 Mobil Cihazlar ve Kullanıcı Yaklaşımı
11 Mobil Cihaz İşletim Sistemlerine Ait İkon ve Uygulama Tasarım Kuralları
12 Adobe Illustrator ile İkon Tasarımı
13 Mobil Cihazlar İçin Responsive Arayüz Tasarımı
14 Final projesi
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 5 5 4 5 3 5 5 2 5 2 5 5 5 5 5
Ö2 5 5 4 5 3 5 5 2 5 2 5 5 5 5 5
Ö3 5 5 4 5 3 5 5 2 5 2 5 5 5 5 5
Ö4 5 5 4 5 3 5 5 2 5 2 5 5 5 5 5

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