|
|
|
|
| Knowledge
(Described as Theoritical and/or Factual Knowledge.)
|
1) Will be able to understand the design rules and technical information about web and graphic design and be able to make appropriate designs.
|
2) Will be able to develop typography, color harmony and page designs and solutions suitable for digital publications.
|
| Skills
(Describe as Cognitive and/or Practical Skills.)
|
1) Will be able to prepare, add and create animated images in a pixel-based program for the web.
|
2) The website created in a pixel-based program will be able to transfer the interface design to web programs and apply it exactly the same.
|
| Competences
(Described as "Ability of the learner to apply knowledge and skills autonomously with responsibility", "Learning to learn"," Communication and social" and "Field specific" competences.)
|
1) Taking into account the expectations and needs of the users for the website, we will be able to create dynamic web designs by ensuring easy perceptibility and design integrity for the usage content of the website.
|
| Week |
Subject |
| Related Preparation |
Pekiştirme |
| 1) |
Introducing the web design course and providing information about the purpose, process, expectations and evaluation. |
| 2) |
Basic concepts of web design, the importance of typography and color in web design, supporting website and interface designs with visuals. |
| 3) |
Interface design preliminary preparation phase. Giving information about the psychological effect of color in web design, target audience and web design principles and practices. |
| 4) |
Preparing the interface design for the web in the Photoshop program and supporting the interface project with practical and theoretical information. |
| 5) |
Examining interface design projects, offering practical solutions to deficiencies, supporting and developing theoretically and practically. |
| 6) |
Continuing the interface design project, explaining the Figma program in practice and showing its usage techniques, giving general information about the program and preparing the Interface design in the program. |
| 7) |
Examining interface design projects and showing the deficiencies by supporting them with guidance and application techniques. |
| 8) |
Preliminary preparation phase of website design and banner design projects, an overview of website designs, explanation of practical analysis and design principles, and theoretical and practical support of the project. |
| 9) |
Introduction to the website design project and making preliminary preparations, supporting it with practical and visuals. |
| 10) |
Developing a website design project and demonstrating the application techniques of website design in the Figma program. |
| 11) |
Examining the importance of typography and color in website design and their impact on the target audience with visuals. |
| 12) |
Examining website projects, idea analysis and guidance, continuing the work with practical and theoretical support to increase the project stages. |
| 13) |
Examining the website project phase, providing practical solutions to the deficiencies and carrying out the extension registration stages in practice. |
| 14) |
Examination of the final stages of website projects and realization of web format recordings of prepared website projects in program form. |
| References: |
Web tasarımında işlem basamakları ve renk seçimlerinde bilinmesi gerekenler (Tevfik Fikret Koloğlu) Küresel ve mühendislik çalışmaları dergisi (2015)
H. Armutlu, Ş. Armutlu, and M. Akçay, iyi Bir Web Sitesi Nasıl Yapılır?, Akademik Bilişim 12 - XIV. Akademik Bilişim Konferansı Bildirileri, 2012
Grafik tasarımda renk , (Ambrose Gavin, Harris Paul) Literatür yayıncılı 2014
Grafik tasarımda tipografi , (Ambrose Gavin, Harris Paul) Literatür yayıncılı 2014
https://www.deltawebsistem.com/blog/web-tasarimda-tipografinin-onemi-nedir/
https://tr.wix.com/blog/makale/web-tasarim-nedir
|
|
| Q & A |
|
| Case Problem Solving/ Drama- Role/ Case Management |
|
| Laboratory |
|
| Quantitative Problem Solving |
|
| Fieldwork |
|
| Group Study / Assignment |
|
| Individual Assignment |
|
| WEB-based Learning |
|
| Internship |
|
| Practice in Field |
|
| Project Preparation |
|
| Report Writing |
|
| Seminar |
|
| Supervision |
|
| Social Activity |
|
| Occupational Activity |
|
| Occupational Trip |
|
| Application (Modelling, Design, Model, Simulation, Experiment et.) |
|
| Reading |
|
| Thesis Preparation |
|
| Field Study |
|
| Student Club and Council Activities |
|
| Other |
|
| Logbook |
|
| Interview and Oral Conversation |
|
| Research |
|
| Watching a movie |
|
| Bibliography preparation |
|
| Oral, inscribed and visual knowledge production |
|
| Taking photographs |
|
| Sketching |
|
| Mapping and marking |
|
| Reading maps |
|
| Copying textures |
|
| Creating a library of materials |
|
| Presentation |
|
| Semester Requirements |
Number of Activities |
Level of Contribution |
| Attendance |
|
% 0 |
| Laboratory |
|
% 0 |
| Application |
|
% 0 |
| Practice Exam |
|
% 0 |
| Quizzes |
|
% 0 |
| Homework Assignments |
|
% 0 |
| Presentation |
|
% 0 |
| Project |
|
% 0 |
| Special Course Internship (Work Placement) |
|
% 0 |
| Field Study |
|
% 0 |
| Article Critical |
|
% 0 |
| Article Writing |
|
% 0 |
| Module Group Study |
|
% 0 |
| Brainstorming |
|
% 0 |
| Role Playing + Dramatizing |
|
% 0 |
| Out of Class Study |
|
% 0 |
| Preliminary Work, Reinforcement |
|
% 0 |
| Application Repetition etc. |
|
% 0 |
| Homework (reading, writing, watching movies, etc.) |
|
% 0 |
| Project Preparation + Presentation |
|
% 0 |
| Report Preparation + Presentation |
|
% 0 |
| Presentation / Seminar Preparation + Presenting |
|
% 0 |
| Oral examination |
|
% 0 |
| Midterms |
1 |
% 40 |
| Final |
1 |
% 60 |
| Report Submission |
|
% 0 |
| Bütünleme |
|
% 0 |
| Kanaat Notu |
|
% 0 |
| Committee |
|
% 0 |
| Yazma Ödev Dosyası |
|
% 0 |
| Portfolio |
|
% 0 |
| Take-Home Exam |
|
% 0 |
| Logbook
|
|
% 0 |
| Discussion |
|
% 0 |
| Participation |
|
% 0 |
| total |
% 100 |
| PERCENTAGE OF SEMESTER WORK |
|
% 40 |
| PERCENTAGE OF FINAL WORK |
|
% 60 |
| total |
% 100 |
| Activities |
Number of Activities |
Workload |
| Course Hours |
14 |
56 |
| Laboratory |
13 |
52 |
| Application |
|
|
| Practice Exam |
|
|
| Special Course Internship (Work Placement) |
|
|
| Field Work |
|
|
| Study Hours Out of Class |
|
|
| Article Critical |
|
|
| Article Writing |
|
|
| Module Group Study |
|
|
| Brainstorming |
|
|
| Role Playing + Dramatizing |
|
|
| Out-of-Class Study (Pre-study, Reinforcement, Practice Review, etc.) |
|
|
| Homework (reading, writing, watching movies, etc.) |
|
|
| Project Preparation + Presentation |
|
|
| Report Preparation + Presentation |
|
|
| Presentation / Seminar Preparation + Presenting |
|
|
| Oral examination |
|
|
| Preparing for Midterm Exams |
6 |
6 |
| MIDTERM EXAM (Visa) |
1 |
1 |
| Preparing for the General Exam |
6 |
6 |
| GENERAL EXAM (Final) |
1 |
1 |
| Participation |
|
|
| Discussion |
|
|
| Portfolio |
|
|
| Take-Home Exam |
|
|
| Logbook
|
|
|
| Total Workload |
122 |
| ECTS (30 saat = 1 AKTS ) |
4 |
