| Kodu | Dersin Adı | Yarıyıl | Süresi(T+U) | Kredisi | AKTS Kredisi |
|---|---|---|---|---|---|
| VTK155 | GRAFİK TASARIM | 1 | 2 | 1 | 3 |
DERS BİLGİLERİ |
|
|---|---|
| Dersin Öğretim Dili : | Türkçe |
| Dersin Düzeyi | ÖNLİSANS, TYY: + 5.Düzey, EQF-LLL: 5.Düzey, QF-EHEA: Kısa Düzey |
| Dersin Türü | Zorunlu |
| Dersin Veriliş Şekli | - |
| Dersin Koordinatörü | Öğr.Gör. NACİYE MACİT SEZİKLİ |
| Dersi Veren Öğretim Üyesi/Öğretim Görevlisi | Öğr.Gör. MERVE NUR LUŞ |
| Ders Ön Koşulu | Yok |
AMAÇ VE İÇERİK |
|
|---|---|
| Amaç: | Bu dersin amacı, öğrencilerin Adobe Photoshop kullanarak dijital grafik tasarımın temel ilkelerini öğrenmelerini, oyun sektöründe kullanılabilecek görsel içerikler üretebilmelerini ve temel düzeyde arayüz, afiş, ikon ve dijital oyun görselleri tasarlayabilecek becerileri kazanmalarını sağlamaktır. |
| İçerik: | Adobe Photoshop çalışma ortamı, temel tasarım ilkeleri, katman yönetimi, seçim araçları, maskeleme teknikleri, renk düzenlemeleri, tipografi, fotoğraf düzenleme, filtreler, web grafikleri hazırlama, banner tasarımı, sosyal medya görselleri, web arayüzü (UI) tasarımı, buton ve ikon tasarımı, proje geliştirme ve çıktı alma süreçlerini kapsar. |
DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.) |
|---|
| Adobe Photoshop'un temel araçlarını etkin biçimde kullanır. Dijital ortam için görsel düzenleme ve grafik tasarımı gerçekleştirir. Web sitelerine yönelik banner, ikon ve arayüz görselleri tasarlar. Renk, tipografi ve kompozisyon ilkelerini dijital tasarımlarında uygular. Web projelerinde kullanılabilecek özgün grafik tasarım çalışmaları geliştirir. |
HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI |
|||
|---|---|---|---|
| Hafta | Ön Hazırlık | Konular | Yöntem |
| 1 | Photoshop arayüzünü ve temel kullanım alanlarını incelemek. | Photoshop eğitimi hakkında genel bilgilendirme, Dersin işleyiş ve çalışma metodlarının açıklanması, Tasarımın önemi ve ilkeleri | Anlatım, Gösterip Yaptırma |
| 2 | Tasarım örneklerini inceleyerek bir tasarım fikri belirlemek. | Tasarımın hikayesini oluşturma ve önemini ortaya koyma, Photoshop temel çalışma kuralları; doküman açma, kullanıcı arayüzü, katmanlar ve temel araçların tanıtılması | Anlatım, Gösterip Yaptırma |
| 3 | Photoshop seçim ve çizim araçlarını araştırmak. | Temel seçim araçları, hazır çizim araçları ile çalışma ve kaydetme | Anlatım, Gösterip Yaptırma |
| 4 | Renklerin temel psikolojik anlamlarını ve renk uyumlarını incelemek. | Renklerin psikolojik mesajları, Renk üretimi; renk düzenleme, renk menüleri ile çalışma | Anlatım, Gösterip Yaptırma |
| 5 | Photoshop katman ve maske mantığını temel düzeyde araştırmak. | Katman çalışmaları, Dekupe, Degrade, Arka plan, Maske ve filtre çalışmaları | Anlatım, Gösterip Yaptırma |
| 6 | Temel fotoğraf düzenleme ve çözünürlük kavramlarını incelemek. | Fotoğrafta düzeltme, kırpma, rötuş, renk ve çözünürlük ayarlarına ilişkin çalışmalar | Anlatım, Gösterip Yaptırma |
| 7 | Photoshop Kalem Aracı'nın temel kullanımını incelemek. | Kalem araçları üretimi ve düzenlemeleri ile çalışma | Anlatım, Gösterip Yaptırma |
| 8 | Güncel web sitelerini inceleyerek hız ve kullanıcı deneyimi açısından örnekler belirlemek. | Web Tasarım Nedir? Web Tasarımda Hız ve Zaman kavramının önemi | Anlatım, Gösterip Yaptırma |
| 9 | Farklı web arayüzlerini inceleyerek kullanılan grafik materyalleri belirlemek. | Web Tasarımda Grafik Materyal kullanımı ve Arayüzler | Anlatım, Gösterip Yaptırma |
| 10 | - | ARA SINAV | - |
| 11 | Farklı web sitelerini inceleyerek içerik ve sayfa düzenlerini karşılaştırmak. | Web Siteleri neye göre tasarlanır? Web sitesinde içeriğin doğru kullanımı. | Anlatım, Gösterip Yaptırma |
| 12 | Web sitelerinde kullanılan logo örneklerini incelemek ve logo kullanım alanlarını araştırmak. | Web sitesinde logo tasarımı ve kullanımı. | Anlatım, Gösterip Yaptırma |
| 13 | Farklı web sayfalarının yerleşim ve grid yapılarını incelemek. | Web tasarımında layout ve mizanpaj | Anlatım, Gösterip Yaptırma |
| 14 | Web sitelerindeki buton, banner ve menü tasarımlarını inceleyerek örnekler toplamak. | Button, Banner, Menü tasarımı oluşturma. | Anlatım, Gösterip Yaptırma |
| 15 | Final projesindeki eksikleri kontrol ederek teslim için son düzenlemeleri yapmak. | Final Projesi | Sunum |
| 16 | - | FİNAL | - |
| 17 | - | FİNAL | - |
KAYNAKLAR |
|---|
ÖLÇME VE DEĞERLENDİRME |
||||
|---|---|---|---|---|
| Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi | Etkinlik Sayısı | Katkı Yüzdesi | Açıklama | Sınav Yapılma Şekli |
| DÖNEM SONU- Sınavı (Final) | 1 | 100 | Proje Teslim Edilmesi (Sınav Yapılmaz) | |
| TOPLAM | 1 | 100 | ||
| (0) Etkisiz | (1) En Düşük | (2) Düşük | (3) Orta | (4) İyi | (5) Çok İyi |
|---|---|---|---|---|---|
| 0 | 1 | 2 | 3 | 4 | 5 |
| BİLGİ | |||||||
|---|---|---|---|---|---|---|---|
| Kuramsal | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Bilgisayarın temel kavram ve yazılımlarına hâkim olur.
|
||||||
| BİLGİ | |||||||
|---|---|---|---|---|---|---|---|
| Olgusal | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Web tasarımında yaygın kullanılan kavramlara hâkim olur.
|
||||||
| BECERİLER | |||||||
|---|---|---|---|---|---|---|---|
| Bilişsel | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Algoritma bilgisine sahip olarak bir web sitesinin kod kısmının planlamasını
yapar.
|
||||||
| BECERİLER | |||||||
|---|---|---|---|---|---|---|---|
| Uygulamalı | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Görsel tasarım ilkelerini kullanarak Web sitelerinin görsel kısmının
planlanmasını yapar.
|
||||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Mesleği ile ilgili etik, sağlık ve emniyet tedbirlerini gözetir.
|
||||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Öğrenme Yetkinliği | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Web sitesi hazırlamanın farklı yöntemlerini bilir.
|
||||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| İletişim ve Sosyal Yetkinlik | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Web sitelerini veritabanı yönetim sistemleri ile entegre şekilde çalıştırabilir.
|
||||||
| YETKİNLİKLER | |||||||
|---|---|---|---|---|---|---|---|
| Alana Özgü Yetkinlik | |||||||
| Program Yeterlilikleri/Çıktıları | Katkı Düzeyi | ||||||
| 0 | 1 | 2 | 3 | 4 | 5 | ||
| 1 |
Kullanıcı deneyimleri hakkında bilgi toplayabilir. Topladığı bilgilerle hedef
kitleye uygun bir web sitesi yönetebilir.
Web sitelerinin temel güvenliğini sağlayabilir.
|
||||||
DERSİN İŞ YÜKÜ VE AKTS KREDİSİ |
|||
|---|---|---|---|
| Öğrenme-Öğretme Etkinlikleri İş Yükü | |||
| Öğrenme-Öğretme Etkinlikleri | Etkinlik(hafta sayısı) | Süresi(saat sayısı) | Toplam İş Yükü |
| Ders | 0 | 0 | 0 |
| Derse Ön Hazırlık ve Ders Sonrası Pekiştirme | 0 | 0 | 0 |
| Arazi Çalışması | 0 | 0 | 0 |
| Grup Çalışması / Ödevi | 0 | 0 | 0 |
| Laboratuvar | 0 | 0 | 0 |
| Okuma | 0 | 0 | 0 |
| Ödev | 0 | 0 | 0 |
| Proje Hazırlama | 0 | 0 | 0 |
| Seminer | 0 | 0 | 0 |
| Staj | 0 | 0 | 0 |
| Teknik Gezi | 0 | 0 | 0 |
| Web Tab. Öğrenme | 0 | 0 | 0 |
| Uygulama | 0 | 0 | 0 |
| Yerinde Uygulama | 0 | 0 | 0 |
| Mesleki Faaliyet | 0 | 0 | 0 |
| Sosyal Faaliyet | 0 | 0 | 0 |
| Tez Hazırlama | 0 | 0 | 0 |
| Alan Çalışması | 0 | 0 | 0 |
| Rapor Yazma | 0 | 0 | 0 |
| Final Sınavı | 0 | 0 | 0 |
| Final Sınavı Hazırlığı | 0 | 0 | 0 |
| Ara Sınav | 0 | 0 | 0 |
| Ara Sınav Hazırlığı | 0 | 0 | 0 |
| Kısa Sınav | 0 | 0 | 0 |
| Kısa Sınav Hazırlığı | 0 | 0 | 0 |
| TOPLAM | 0 | 0 | 0 |
| Genel Toplam | 0 | ||
| Toplam İş Yükü / 25.5 | 0 | ||
| Dersin AKTS(ECTS) Kredisi | 0,0 |