TÜRKÇE
ENGLISH
Information
| Unit | FACULTY OF FINE ARTS |
| GRAPHIC PR. | |
| Code | GRS336 |
| Name | Interactive Graphic Design |
| Term | 2021-2022 Academic Year |
| Semester | 6. Semester |
| Duration (T+A) | 2-1 (T-A) (17 Week) |
| ECTS | 3 ECTS |
| National Credit | 2.5 National Credit |
| Teaching Language | Türkçe |
| Level | Lisans Dersi |
| Type | Normal |
| Label | E Elective |
| Mode of study | Yüz Yüze Öğretim |
| Catalog Information Coordinator | Öğr. Gör. Dr. MUSTAFA CAN KIZGINDEMİR |
| Course Instructor |
Öğr. Gör. Dr. MUSTAFA CAN KIZGINDEMİR
(Bahar)
(A Group)
(Ins. in Charge)
|
Course Goal / Objective
Within the scope of this course, students learn and experience interactive designs practical and theoretical structure. Students explore and apply interactivity by coding and contemporary applications.
Course Content
Within the frame of this course, concepts such as design thinking, user experience design, interface design, graphic design, texture, movement and animation are examined, discussed with examples. Students deliver interactive and creative products by studio based applications.
Course Precondition
Resources
Notes
Course Learning Outcomes
| Order | Course Learning Outcomes |
|---|---|
| LO01 | Explores the interactive content. |
| LO02 | Develops awareness of design thinking, user interface and user experience design. |
| LO03 | Understands the principles of interactive design. |
| LO04 | Designs interactive design products. |
| LO05 | Applies coding to innovative interactive projects. |
Relation with Program Learning Outcome
| Order | Type | Program Learning Outcomes | Level |
|---|---|---|---|
| PLO01 | Bilgi - Kuramsal, Olgusal | Defines and explains the basic elements and principles of art and design. | |
| PLO02 | Bilgi - Kuramsal, Olgusal | Analyses national and international artistic and cultural elements that may affect graphic design applications. | 4 |
| PLO03 | Bilgi - Kuramsal, Olgusal | Defines and compares mass communication media, communication methods and communication elements. | 5 |
| PLO04 | Bilgi - Kuramsal, Olgusal | Defines and applies research, information retrieval and critical thinking methods. | |
| PLO05 | Beceriler - Bilişsel, Uygulamalı | Applies the principles of colour, hierarchy, size and scale of art and design in the design process. | |
| PLO06 | Beceriler - Bilişsel, Uygulamalı | Follows technological developments in visual communication and applies them in design processes. | 5 |
| PLO07 | Beceriler - Bilişsel, Uygulamalı | Uses different materials, paints and technological tools and equipment consciously in the design process. | |
| PLO08 | Beceriler - Bilişsel, Uygulamalı | Integrates graphic design knowledge with the knowledge of different disciplines and applies it to the design process. | 4 |
| PLO09 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Takes an active role in individual and group work and fulfils its responsibilities. | |
| PLO10 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Provides consistency in written and visual communication by using grammar correctly. | |
| PLO11 | Yetkinlikler - Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği | Develops and applies a planned, meticulous and disciplined working approach in the design process. | |
| PLO12 | Yetkinlikler - Öğrenme Yetkinliği | Understands, interprets and critically evaluates the texts they read. | |
| PLO13 | Yetkinlikler - Öğrenme Yetkinliği | Uses information and communication technologies effectively and consciously in learning and design processes. | 5 |
| PLO14 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Creates effective and functional designs that reach the target audience. | 5 |
| PLO15 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Uses oral, written and visual communication skills effectively. | |
| PLO16 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Establishes professional and effective communication with colleagues, employers and individuals to whom they provide services. | |
| PLO17 | Yetkinlikler - İletişim ve Sosyal Yetkinlik | Uses foreign language skills to follow the developments in the field and communicate at professional level. | 4 |
| PLO18 | Yetkinlikler - Alana Özgü Yetkinlik | Develops design approaches sensitive to social, cultural, scientific and artistic values. | |
| PLO19 | Yetkinlikler - Alana Özgü Yetkinlik | Analyses the place and effects of graphic design profession in social life. | |
| PLO20 | Yetkinlikler - Alana Özgü Yetkinlik | Defends the ethical and legal values of the graphic design profession and adopts environmentally sensitive design approaches. | |
| PLO21 | Yetkinlikler - Alana Özgü Yetkinlik | Produces creative, original, economic and aesthetic solutions for visual communication problems. | 5 |
Week Plan
| Week | Topic | Preparation | Methods |
|---|---|---|---|
| 1 | What is Interaction Design | Lecture, Demonstration, Brainstorming, Discussion | |
| 2 | Examples of interactive journals | Lecture, Demonstration, Brainstorming, Discussion | |
| 3 | Class discussion of what kind of journal to create | Lecture, Demonstration, Brainstorming, Discussion | |
| 4 | Focus on interaction | Lecture, Demonstration, Brainstorming, Discussion | |
| 5 | Prototype work | Lecture, Demonstration, Brainstorming, Discussion | |
| 6 | Examples of interactive user interfaces | Lecture, Demonstration, Brainstorming, Discussion | |
| 7 | Identifying topics for the journal | Lecture, Demonstration, Brainstorming, Discussion | |
| 8 | Mid-Term Exam | Presentations | |
| 9 | Creating first examples of journal user interface templates | Lecture, Demonstration, Brainstorming, Discussion | |
| 10 | Improving user interface and interaction | Lecture, Demonstration, Brainstorming, Discussion | |
| 11 | Focus on content and interaction | Lecture, Demonstration, Brainstorming, Discussion | |
| 12 | Get started to prototype the user interface | Lecture, Demonstration, Brainstorming, Discussion | |
| 13 | Integrating the interface into content | Lecture, Demonstration, Brainstorming, Discussion | |
| 14 | Debugging Interactive Magazine | Lecture, Demonstration, Brainstorming, Discussion | |
| 15 | Student presentations | Lecture, Demonstration, Brainstorming, Discussion | |
| 16 | Term Exams | Presentations | |
| 17 | Term Exams | Presentations |
Assessment (Exam) Methods and Criteria
| Assessment Type | Midterm / Year Impact | End of Term / End of Year Impact |
|---|---|---|
| 1. Midterm Exam | 100 | 40 |
| General Assessment | ||
| Midterm / Year Total | 100 | 40 |
| 1. Final Exam | - | 60 |
| Grand Total | - | 100 |
Student Workload - ECTS
| Works | Number | Time (Hour) | Workload (Hour) |
|---|---|---|---|
| Course Related Works | |||
| Class Time (Exam weeks are excluded) | 14 | 3 | 42 |
| Out of Class Study (Preliminary Work, Practice) | 14 | 2 | 28 |
| Assesment Related Works | |||
| Homeworks, Projects, Others | 1 | 2 | 2 |
| Mid-term Exams (Written, Oral, etc.) | 1 | 5 | 5 |
| Final Exam | 1 | 10 | 10 |
| Total Workload (Hour) | 87 | ||
| Total Workload / 25 (h) | 3,48 | ||
| ECTS | 3 ECTS | ||