|
Lecturer(s)
|
|
|
|
Course content
|
01 - Introduction to UI/UX and Analysis 02 - Getting to Know Figma: The Basics 03 - UX Process and Wireframing 04 - HTML & CSS Basics for Designers (Part 1) 05 - Figma: Auto Layout - Components and Variants 06 - Visual Design Principles - UI Applications and Design System 07- Prototyping in Figma 08 - Accessibility (WCAG) 09 - HTML & CSS Basics for Designers (Part 2) and Handoff 10 - Term Paper Assignment 11 - Semester Paper Implementation and Consultation 12 - Semester Paper Consultation and Submission 13 - Submission and Final Presentation
|
|
Learning activities and teaching methods
|
Lecture with practical applications, Multimedia supported teaching, One-to-One tutorial, Skills demonstration, Individual study, Lecture with visual aids, Practicum
- Undergraduate study programme term essay (20-40)
- 40 hours per semester
- Contact hours
- 39 hours per semester
|
| prerequisite |
|---|
| Knowledge |
|---|
| Previous knowledge of the fundamentals of graphic editors. |
| to compare and analyze different artistic expressions by criteria of esthetics, semiotics and technique on basic level, to specify basic knowledge of supporting arts disciplines and their techniques and technologies, about historical and contemporary style canons, to recall basic knowledge of several common graphical editors with their specifics and usages, |
| Skills |
|---|
| to work independently and flexibly react to evaluating commentary of the teacher, make drawing sketches of their own compositional designs by hands free in basic graphic editors develop research on the topic, to show own creativity on generally assigned task, to show the will to find different artistic solutions, alter them and constructivelly evaluate, to plan a simple project from design to realization, |
| Competences |
|---|
| N/A |
| N/A |
| N/A |
| learning outcomes |
|---|
| Knowledge |
|---|
| of basic differences between bitmap and vector technology including its advantages and diadvantages, of options of use of bitmap and vector graphic programs and their outcomes, of basic technical and technological rules of pre-print preparations and preparations of print itself, |
| Skills |
|---|
| of using visual means and tools of basic graphic editors (Adobe Photoshop, Adobe Illustrator) for creative expresion, proposes surface stylization of visually processed topics and their integration into a graphically effective composition, of basic procedures of suitable pre-print and print preparations for realization of final product, |
| Competences |
|---|
| N/A |
| N/A |
| N/A |
| teaching methods |
|---|
| Knowledge |
|---|
| Lecture with visual aids |
| Practicum |
| Multimedia supported teaching |
| Skills demonstration |
| Individual study |
| Skills |
|---|
| Interactive lecture |
| Competences |
|---|
| One-to-One tutorial |
| assessment methods |
|---|
| Knowledge |
|---|
| Skills demonstration during practicum |
| Seminar work |
| Individual presentation at a seminar |
| Continuous assessment |
| Skills |
|---|
| Seminar work |
| Competences |
|---|
| Individual presentation at a seminar |
|
Recommended literature
|
-
Frost, Lee. Kreativní fotografie od A do Z : více než 70 detailně popsaných fotografických technik. Vyd. 1. Brno: Computer Press, 2003. ISBN 80-251-0086-3.
-
Kadavý, Dušan. Adobe Illustrator 10 : oficiální výukový kurz.
-
Lea, Derek. Kreativní grafika : ilustrace, umělecké techniky a 3D kresby kombinující Photoshop s aplikacemi Illustrator, Poser, Painter, Cinema 4D a ZBrush. Vyd. 1. Brno: Computer Press, 2011. ISBN 978-80-251-3469-6.
-
Vlach, Martin; Švéda, Petr. Adobe InDesign 2 : uživatelská příručka. Vyd. 1. Praha: Computer Press, 2002. ISBN 80-7226-750-7.
-
Willmore, Ben. Velká kniha k Adobe Photoshop 7.0 : manuál k programu a škola výtvarných technik. 1. vyd. Praha: Computer Press, 2002. ISBN 80-7226-745-0.
|