Graphic Design
Course Details
KTO KARATAY UNIVERSITY
Faculty of Fine Arts and Design
Programme of Graphic Design
Course Details
Faculty of Fine Arts and Design
Programme of Graphic Design
Course Details
| Course Code | Course Name | Year | Period | Semester | T+A+L | Credit | ECTS |
|---|---|---|---|---|---|---|---|
| 04681021 | Web Design | 4 | Spring | 8 | 2+2+0 | 6 | 6 |
| Course Type | Elective |
| Course Cycle | Bachelor's (First Cycle) (TQF-HE: Level 6 / QF-EHEA: Level 1 / EQF-LLL: Level 6) |
| Course Language | Turkish |
| Methods and Techniques | Lecture, discussion, student assignments and project design |
| Mode of Delivery | Face to Face |
| Prerequisites | - |
| Coordinator | - |
| Instructor(s) | Assoc. Prof. Çağrı GÜMÜŞ |
| Instructor Assistant(s) | - |
Course Instructor(s)
| Name and Surname | Room | E-Mail Address | Internal | Meeting Hours |
|---|---|---|---|---|
| Assoc. Prof. Çağrı GÜMÜŞ | A-Z08 | [email protected] | 7455 | Tuesday 09:00-10:00 |
Course Content
During the semester, the course includes projects in which students will learn the principles and theories of current mobile devices and learn the methods of a successful production of interface graphics and visualizations of web pages and mobile applications for related devices.
Objectives of the Course
The aim of the course is to convey the theoretical and applied knowledge of the interface design of web pages and applications for web and mobile environments.
Contribution of the Course to Field Teaching
| Basic Vocational Courses | |
| Specialization / Field Courses | |
| Support Courses | X |
| Transferable Skills Courses | |
| Humanities, Communication and Management Skills Courses |
Relationships between Course Learning Outcomes and Program Outcomes
| Relationship Levels | ||||
| Lowest | Low | Medium | High | Highest |
| 1 | 2 | 3 | 4 | 5 |
| # | Program Learning Outcomes | Level |
|---|---|---|
| P4 | To be able to use computer software, technologies, techniques and innovations in the field effectively. | 5 |
| P5 | Visualisation by establishing a relationship between art, culture, design and aesthetic issues. | 5 |
Course Learning Outcomes
| Upon the successful completion of this course, students will be able to: | |||
|---|---|---|---|
| No | Learning Outcomes | Outcome Relationship | Measurement Method ** |
| O1 | To be able to use related computer software and information and communication technologies effectively for design. | P.4.1 | 3,7 |
| O2 | To be able to express the properties of print designs on different surfaces. | P.4.6 | 1,3,7 |
| O3 | To be able to evaluate the problems by making functional and visual analyses of the design. | P.9.2 | 3,7 |
| O4 | To be able to organise a work within the limitations of a certain concept. | P.9.4 | 3,7 |
| O5 | Two and three dimensional production. | P.9.6 | 3,7 |
| ** Written Exam: 1, Oral Exam: 2, Homework: 3, Lab./Exam: 4, Seminar/Presentation: 5, Term Paper: 6, Application: 7 | |||
Weekly Detailed Course Contents
| Week | Topics |
|---|---|
| 1 | Introducing the course; giving information about the aim, process, expectations and evaluation. |
| 2 | Introduction to user interface design. |
| 3 | Information about interface object design tools with Photoshop. |
| 4 | Examination and evaluation of responsive user interfaces. |
| 5 | Information about the concept, application and features of mobile interface design. Project1: Sketch studies for personal web page design application. |
| 6 | Transferring personal web page design sketches to the project application to Adobe Photoshop programme. |
| 7 | Web site outlines, information about the principles and theories. Examination of the design in Adobe Photoshop programme in project application and giving criticism. |
| 8 | Midterm exam. |
| 9 | Introduction to HTML/Dreamweaver. Transferring the design prepared in Adobe Photoshop programme to Adobe Muse programme in order to create a web interface. |
| 10 | Titles and design examples used in web interface designs of corporate brands.Examining the design in Adobe Muse programme in project application, giving criticism and finalising the project. |
| 11 | Project:Designing corporate web interface design sketches by transferring them to Adobe Photoshop programme. Project 2: Sketch studies for corporate web interface design application. |
| 12 | Transferring personal web page design sketches to the project application to Adobe Photoshop programme. |
| 13 | Project: Transferring corporate web interface designs from Adobe Photoshop to adobe muse. |
| 14 | Completion of corporate web interface designs by editing buttons and page flows in Adobe Muse programme ready for the final exam. |
Textbook or Material
| Resources | BEAIRD J. (2010). The Principles of Beautiful Web Design. Site Point Publishing; Second Edition. |
| CANAY Ö. (2016).Web Design and Front Face Web Technologies. Değişim Publications. | |
| 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 Design and Applications.Dikeyeksen Publishing House. |
Evaluation Method and Passing Criteria
| In-Term Studies | Quantity | Percentage |
|---|---|---|
| Attendance | - | - |
| Laboratory | - | - |
| Practice | - | - |
| Field Study | - | - |
| Course Specific Internship (If Any) | - | - |
| Homework | - | - |
| Presentation | - | - |
| Projects | - | - |
| Seminar | - | - |
| Quiz | - | - |
| Listening | - | - |
| Midterms | 1 | 40 (%) |
| Final Exam | 1 | 60 (%) |
| Total | 100 (%) | |
ECTS / Working Load Table
| Quantity | Duration | Total Work Load | |
|---|---|---|---|
| Course Week Number and Time | 14 | 4 | 56 |
| Out-of-Class Study Time (Pre-study, Library, Reinforcement) | 10 | 3 | 30 |
| Midterms | 1 | 4 | 4 |
| Quiz | 0 | 0 | 0 |
| Homework | 7 | 4 | 28 |
| Practice | 6 | 3 | 18 |
| Laboratory | 0 | 0 | 0 |
| Project | 2 | 20 | 40 |
| Workshop | 0 | 0 | 0 |
| Presentation/Seminar Preparation | 0 | 0 | 0 |
| Fieldwork | 0 | 0 | 0 |
| Final Exam | 1 | 4 | 4 |
| Other | 0 | 0 | 0 |
| Total Work Load: | 180 | ||
| Total Work Load / 30 | 6 | ||
| Course ECTS Credits: | 6 | ||
Course - Learning Outcomes Matrix
| Relationship Levels | ||||
| Lowest | Low | Medium | High | Highest |
| 1 | 2 | 3 | 4 | 5 |
| # | Learning Outcomes | P4 | P9 |
|---|---|---|---|
| O1 | To be able to use related computer software and information and communication technologies effectively for design. | 5 | - |
| O2 | To be able to express the properties of print designs on different surfaces. | 5 | - |
| O3 | To be able to evaluate the problems by making functional and visual analyses of the design. | - | 5 |
| O4 | To be able to organise a work within the limitations of a certain concept. | - | 5 |
| O5 | Two and three dimensional production. | - | 5 |