Grafik Tasarımı
Dersin Ayrıntıları
KTO KARATAY ÜNİVERSİTESİ
Güzel Sanatlar ve Tasarım Fakültesi
Grafik Tasarımı Programı
Ders Bolognaları
Güzel Sanatlar ve Tasarım Fakültesi
Grafik Tasarımı Programı
Ders Bolognaları
| Ders Kodu | Ders Adı | Yıl | Dönem | Yarıyıl | T+U+L | Kredi | AKTS |
|---|---|---|---|---|---|---|---|
| 04681021 | Web Tasarımı | 4 | Bahar | 8 | 2+2+0 | 6 | 6 |
| Dersin Türü | Seçmeli |
| Dersin Düzeyi | Lisans (TYYÇ: 6. Düzey / QF-EHEA: 1. Düzey / EQF-LLL: 6. Düzey) |
| Dersin Dili | Türkçe |
| Yöntem ve Teknikler | Anlatım, tartışma, öğrenci ödevleri ve proje tasarımı |
| Dersin Veriliş Şekli | Yüz Yüze |
| Ön Koşullar | - |
| Dersin Koordinatörü | - |
| Dersi Veren(ler) | Doç. Dr. Çağrı GÜMÜŞ |
| Yardımcı(lar) | - |
Dersin Öğretim Eleman(lar)ı
| Adı Soyadı | Oda No. | E-Posta Adresi | Dahili | Görüşme Saatleri |
|---|---|---|---|---|
| Doç. Dr. Çağrı GÜMÜŞ | A-Z08 | [email protected] | 7455 | Salı 09:00-10:00 |
Dersin İçeriği
Ders dönem boyunca; 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 öğreneceği projeler içerir.
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 Alan Öğretimini Sağlamaya Yönelik Katkısı
| Temel Meslek Dersleri | |
| Uzmanlık / Alan Dersleri | |
| Destek Dersleri | X |
| Aktarılabilir Beceri Dersleri | |
| Beşeri, İletişim ve Yönetim Becerileri Dersleri |
Dersin Öğrenim Kazanımlarının Program Kazanımları ile Olan İlişkileri
| İlişki Düzeyleri | ||||
| En Düşük | Düşük | Orta | Yüksek | En Yüksek |
| 1 | 2 | 3 | 4 | 5 |
| # | Program Yeterlilikleri | Düzey |
|---|---|---|
| P4 | Alandaki bilgisayar yazılımlarını, teknolojileri, teknikleri ve yenilikleri etkin kullanabilme. | 5 |
| P5 | Sanat, kültür, tasarım ve estetik konuları arasında ilişki kurarak görselleştirme. | 5 |
Dersin Öğrenim Kazanımları
| Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir: | |||
|---|---|---|---|
| No | Öğrenme Çıktıları | Prog. Yet. İlişkisi | Ölçme Yöntemi ** |
| Ö1 | Tasarım için ilgili bilgisayar yazılımlarını ve bilişim, iletişim teknolojilerini etkin bir biçimde kullanabilme. | P.4.1 | 3,7 |
| Ö2 | Değişik yüzeylerde baskı tasarımlarının özelliklerini ifade edebilme. | P.4.6 | 1,3,7 |
| Ö3 | Tasarımın işlevsel ve görsel analizlerini yaparak sorunları değerlendirebilme. | P.9.2 | 3,7 |
| Ö4 | Belirli bir konsept sınırlılığında bir çalışmayı düzenleyebilme. | P.9.4 | 3,7 |
| Ö5 | İki ve üç boyutlu üretebilme. | P.9.6 | 3,7 |
| ** Yazılı Sınav: 1, Sözlü Sınav: 2, Ev Ödevi: 3, Lab./Sınav: 4, Seminer/Sunum: 5, Dönem Ödevi: 6, Uygulama: 7 | |||
Dersin Haftalık İçeriği
| Hafta | Konu |
|---|---|
| 1 | Dersin tanıtılması; amaç, süreç, beklentiler ve değerlendirme hakkında bilgi verilmesi. |
| 2 | Kullanıcı arayüz tasarımına giriş. |
| 3 | Photoshop ile arayüz obje tasarım araçları hakkında bilgilendirme. |
| 4 | Responsive kullanıcı arayüzlerinin İncelenmesi ve değerlendirilmesi. |
| 5 | Mobil arayüz tasarımının konsept, uygulama ve özellikleri hakkında bilgilendirme. Proje1: Kişisel web sayfası tasarım uygulaması için eskiz çalışmaları. |
| 6 | Proje uygulamasına kişisel web sayfası tasarımı eskizlerinin Adobe Photoshop programına aktarılması. |
| 7 | Web sitesi ana hatlar, İlkeler ve kuramları hakkında bilgilendirme. Proje uygulamasında Adobe Photoshop programında tasarımın incelenmesi ve kritik verilmesi. |
| 8 | Ara sınav. |
| 9 | HTML ye giriş/Dreamweaver. Proje Uygulamasında Adobe Photoshop programında hazırlanan tasarımın web arayüzü oluşturabilmek için Adobe Muse programına aktarılması. |
| 10 | Kurumsal markaların web arayüz tasarımlarında kullanılan başlıklar ve tasarım örnekleri. Proje uygulamasında Adobe Muse programında tasarımın incelenmesi, kritik verilmesi ve projenin sonlandırılması. |
| 11 | Proje: Kurumsal web arayüz tasarım eskiz çalışmalarının Adobe Photoshop programına aktarılarak tasarlanması. Proje 2: Kurumsal web arayüz tasarım uygulaması için eskiz çalışmaları. |
| 12 | Proje uygulamasına kişisel web sayfası tasarımı eskizlerinin Adobe Photoshop programına aktarılması. |
| 13 | Proje: Kurumsal web arayüz tasarımlarının Adobe Photoshop programından adobe muse programına aktarılması. |
| 14 | Proje: Kurumsal web arayüz tasarımlarının Adobe Muse programında butonların ve sayfa akışlarının düzenlenerek final sınavına hazır olarak tamamlanması. |
Ders Kitabı veya Malzemesi
| Kaynaklar | BEAIRD J. (2010). The Principles of Beautiful Web Design. Site Point Publishing; Second Edition. |
| CANAY Ö. (2016). Web Tasarımı ve Ön Yüz Web Teknolojileri. Değişim Yayınları. | |
| ROBBİNS J. (2012). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics. O'Reilly Media. | |
| TOKAK B. (2017). Responsive Web Tasarımı ve Uygulamaları. Dikeyeksen Yayınevi. |
Değerlendirme Yöntemi ve Geçme Kriterleri
| Yarıyıl Çalışmaları | Sayısı | Katkı (%) |
|---|---|---|
| Devam | - | - |
| Laboratuvar | - | - |
| Uygulama | - | - |
| Alan Çalışması | - | - |
| Derse Özgü Staj (Varsa) | - | - |
| Ödev | - | - |
| Sunum | - | - |
| Projeler | - | - |
| Seminer | - | - |
| Kısa sınav (Quiz) | - | - |
| Dinleme | - | - |
| Ara Sınavlar | 1 | 40 (%) |
| Yarıyıl Sonu Sınavı | 1 | 60 (%) |
| Toplam | 100 (%) | |
AKTS / Çalışma Yükü Tablosu
| Etkinlik | Sayı | Süre | Toplam İş Yükü (Saat) |
|---|---|---|---|
| Ders Hafta Sayısı ve Saati | 14 | 4 | 56 |
| Sınıf Dışı Ders Çalışma Süresi (Ön çalışma, Kütüphane, Pekiştirme) | 10 | 3 | 30 |
| Ara Sınav | 1 | 4 | 4 |
| Kısa Sınav | 0 | 0 | 0 |
| Ödev | 7 | 4 | 28 |
| Uygulama | 6 | 3 | 18 |
| Laboratuvar | 0 | 0 | 0 |
| Proje | 2 | 20 | 40 |
| Atölye | 0 | 0 | 0 |
| Sunum/Seminer Hazırlama | 0 | 0 | 0 |
| Alan Çalışması | 0 | 0 | 0 |
| Dönem Sonu Sınavı | 1 | 4 | 4 |
| Diğer | 0 | 0 | 0 |
| Toplam İş Yükü: | 180 | ||
| Toplam Yük / 30 | 6 | ||
| Dersin AKTS Kredisi: | 6 | ||
Ders - Öğrenme Çıktıları İlişkisi
| İlişki Düzeyleri | ||||
| En Düşük | Düşük | Orta | Yüksek | En Yüksek |
| 1 | 2 | 3 | 4 | 5 |
| # | Öğrenme Çıktıları | P4 | P9 |
|---|---|---|---|
| Ö1 | Tasarım için ilgili bilgisayar yazılımlarını ve bilişim, iletişim teknolojilerini etkin bir biçimde kullanabilme. | 5 | - |
| Ö2 | Değişik yüzeylerde baskı tasarımlarının özelliklerini ifade edebilme. | 5 | - |
| Ö3 | Tasarımın işlevsel ve görsel analizlerini yaparak sorunları değerlendirebilme. | - | 5 |
| Ö4 | Belirli bir konsept sınırlılığında bir çalışmayı düzenleyebilme. | - | 5 |
| Ö5 | İki ve üç boyutlu üretebilme. | - | 5 |