Code | Name of the Course Unit | Semester | In-Class Hours (T+P) | Credit | ECTS Credit |
---|---|---|---|---|---|
TAP215 | WEB ARAYÜZ TASARIMI | 3 | 3 | 2 | 5 |
GENERAL INFORMATION |
|
---|---|
Language of Instruction : | Turkish |
Level of the Course Unit : | ASSOCIATE DEGREE, TYY: + 5.Level, EQF-LLL: 5.Level, QF-EHEA: Short Cycle |
Type of the Course : | Elective |
Mode of Delivery of the Course Unit | - |
Coordinator of the Course Unit | Lecturer MUHAMMET YÜKSEL |
Instructor(s) of the Course Unit | |
Course Prerequisite | No |
OBJECTIVES AND CONTENTS |
|
---|---|
Objectives of the Course Unit: | This course aims to provide the student with the ability to make web interface projects and user experience knowledge. |
Contents of the Course Unit: | What is Web Design, Why is it done and how to create Interface Design?, Creating Web Interface (UI) Design with Adobe Photoshop. |
KEY LEARNING OUTCOMES OF THE COURSE UNIT (On successful completion of this course unit, students/learners will or will be able to) |
---|
Gains the ability to use Adobe Photoshop program. Gains the ability to create web and internet advertising content. Gains the ability to create a web interface (UI). Gain knowledge of web user experience (UX). |
WEEKLY COURSE CONTENTS AND STUDY MATERIALS FOR PRELIMINARY & FURTHER STUDY |
|||
---|---|---|---|
Week | Preparatory | Topics(Subjects) | Method |
1 | - | What is Web Design? What are the Objectives of Web Design? | Lecturing and practice. |
2 | Reading MAterials | Web Site Design Dos and Don'ts | Lecturing and practice. |
3 | Reading MAterials | Introduction to Adobe Photoshop Program | Lecturing and practice. |
4 | Reading MAterials | Working with Layer Systems | Lecturing and practice. |
5 | Reference collection | Filter Tools of Adobe Photoshop Program | Lecturing and practice. |
6 | Reference collection | Basic Design Principles in Adobe Photoshop | Lecturing and practice. |
7 | Reference collection | Image File Format Types and Usage Areas | Lecturing and practice. |
8 | - | MID-TERM EXAM | - |
9 | - | Determination of the subject for the visa study | Lecturing and practice. |
10 | Reference collection | What is a Web Banner? Creating Banner Design with Adobe Photoshop. | Lecturing and practice. |
11 | Reference Gathering | Corporate Identity Determination for Web Interface Design | Lecturing and practice. |
12 | Reference Gathering | Project Work with Adobe Photoshop | Lecturing and practice. |
13 | Reference Gathering | Project Work with Adobe Photoshop | Lecturing and practice. |
14 | Reference Gathering | Project Work with Adobe Photoshop | Lecturing and practice. |
15 | Reference Gathering | Web-appropriate Printout of Interface Design Made with Adobe Photoshop. | Lecturing and practice. |
16 | - | FINAL EXAM | - |
17 | - | FINAL EXAM | - |
SOURCE MATERIALS & RECOMMENDED READING |
---|
https://helpx.adobe.com/tr/photoshop/user-guide.html |
ASSESSMENT |
|||
---|---|---|---|
Assessment & Grading of In-Term Activities | Number of Activities | Degree of Contribution (%) | Description |
Level of Contribution | |||||
---|---|---|---|---|---|
0 | 1 | 2 | 3 | 4 | 5 |
KNOWLEDGE |
|||||||
---|---|---|---|---|---|---|---|
Theoretical |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Learning fundamental animation and desing concepts and theories, using and annotating these concepts.
|
4 | |||||
2 |
Creates the visual language of animation and design.
|
5 | |||||
3 |
On the basis of the basic principles of animation and design in general determines the content.
|
3 | |||||
4 |
Target audience - the common definition visual communication brings to the relationship.
|
4 |
KNOWLEDGE |
|||||||
---|---|---|---|---|---|---|---|
Factual |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
The basic communication, design and animation principles related to the fields of diagnosis.
|
4 | |||||
2 |
Recognize and authority in the field of desing and animation will follow.
|
4 | |||||
3 |
Computer supported design and animation programs recognize.
|
4 | |||||
4 |
Design, implementation and recognizes the broadcast stage.
|
3 | |||||
5 |
Understanding the structure of Fine Arts and aestethic values, using these in art.
|
3 |
SKILLS |
|||||||
---|---|---|---|---|---|---|---|
Cognitive |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Supports individuality of creativity in design and animation work.
|
5 | |||||
2 |
Actual desing and animation techniques and applications use traces.
|
5 | |||||
3 |
Developing and innovating in digital media uses design and (2D-3D) animation programs.
|
4 | |||||
4 |
Creates the visual language of design.
|
4 |
SKILLS |
|||||||
---|---|---|---|---|---|---|---|
Practical |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
All types of design and animation project design.
|
4 | |||||
2 |
Photography, web design, animation production in the field is made.
|
3 | |||||
3 |
Design pre-roll and post-roll stages of diagnosis.
|
5 |
OCCUPATIONAL |
|||||||
---|---|---|---|---|---|---|---|
Autonomy & Responsibility |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Establishing and using the powerful and creative qualities as a person.
|
4 | |||||
2 |
Able to work independently and take responsibility to use their ability to act decisively and applications.
|
4 |
OCCUPATIONAL |
|||||||
---|---|---|---|---|---|---|---|
Learning to Learn |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Critical importance of providing solutions in design and animation requires mature.
|
5 | |||||
2 |
Societal values determine the relationship of design and artistic direction.
|
3 | |||||
3 |
Life-long learning is conscious of the need.
|
4 |
OCCUPATIONAL |
|||||||
---|---|---|---|---|---|---|---|
Communication & Social |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Verbal and written communication, at least one foreign language at least at the level of European Language Portfolio A2 uses information in the field of informatics and computer science monitors and communicates with colleagues.
|
4 |
OCCUPATIONAL |
|||||||
---|---|---|---|---|---|---|---|
Occupational and/or Vocational |
|||||||
Programme Learning Outcomes | Level of Contribution | ||||||
0 | 1 | 2 | 3 | 4 | 5 | ||
1 |
Design, animation and seeking solutions in this area examines the problem-solving methods.
|
4 |
WORKLOAD & ECTS CREDITS OF THE COURSE UNIT |
|||
---|---|---|---|
Workload for Learning & Teaching Activities |
|||
Type of the Learning Activites | Learning Activities (# of week) | Duration (hours, h) | Workload (h) |
Lecture & In-Class Activities | 14 | 3 | 42 |
Preliminary & Further Study | 12 | 2 | 24 |
Land Surveying | 0 | 0 | 0 |
Group Work | 0 | 0 | 0 |
Laboratory | 0 | 0 | 0 |
Reading | 0 | 0 | 0 |
Assignment (Homework) | 12 | 4 | 48 |
Project Work | 2 | 4 | 8 |
Seminar | 0 | 0 | 0 |
Internship | 0 | 0 | 0 |
Technical Visit | 0 | 0 | 0 |
Web Based Learning | 0 | 0 | 0 |
Implementation/Application/Practice | 0 | 0 | 0 |
Practice at a workplace | 0 | 0 | 0 |
Occupational Activity | 0 | 0 | 0 |
Social Activity | 0 | 0 | 0 |
Thesis Work | 0 | 0 | 0 |
Field Study | 0 | 0 | 0 |
Report Writing | 0 | 0 | 0 |
Final Exam | 1 | 1 | 1 |
Preparation for the Final Exam | 0 | 0 | 0 |
Mid-Term Exam | 0 | 0 | 0 |
Preparation for the Mid-Term Exam | 0 | 0 | 0 |
Short Exam | 0 | 0 | 0 |
Preparation for the Short Exam | 0 | 0 | 0 |
TOTAL | 41 | 0 | 123 |
Total Workload of the Course Unit | 123 | ||
Workload (h) / 25.5 | 4,8 | ||
ECTS Credits allocated for the Course Unit | 5,0 |