|
Lecturer(s)
|
-
Stránský Bohuslav, MgA. Ph.D.
|
|
Course content
|
The subject content is to get acquainted with the basics of user interface (GUI) and web page design, to understand the principles of working with information, to acquire the ability to analyze and the resulting well-designed structure, organization of the content of the message, visualization of information in terms of its hierarchy, aggregation, function, dynamics, distribution, etc. with respect to the needs of the user, the environment and the technology used, shape and color symbolism, movement / animation as an additional carrier of the message. The learning objectives are achieved through a combination of real-world tasks (where the emphasis is on the feasibility of the solution), academic tasks (where the feasibility of the solution may not be an absolute requirement) and experimental or visionary tasks (the emphasis is on the idea and its presentation, not its feasibility). The teacher guides students to think independently and critically, points out errors and offers principles leading to possible solutions.
|
|
Learning activities and teaching methods
|
Dialogic (Discussion, conversation, brainstorming), Observation, Activities related to graphics and visual arts, Practice exercises, Experience (self-experience), Individual work of students
- Home preparation for classes
- 450 hours per semester
|
| prerequisite |
|---|
| Knowledge |
|---|
| Knowledge of the previous courses. Intermediate level of work with graphic programs. Ability to think critically and independently. |
| Knowledge of the previous courses. Intermediate level of work with graphic programs. Ability to think critically and independently. |
| learning outcomes |
|---|
| The student has knowledge of the problems of visual systems creation, knows the basics of GUI and web pages creation. The student is acquainted with the creation of author solution, from the problem analysis to own proposal in the form of presentation, model or prototype. |
| The student has knowledge of the problems of visual systems creation, knows the basics of GUI and web pages creation. The student is acquainted with the creation of author solution, from the problem analysis to own proposal in the form of presentation, model or prototype. |
| knows the basic principles of visual communication |
| knows the basic principles of visual communication |
| informační architektura |
| informační architektura |
| understands the rules of creating a layout / visual system |
| understands the rules of creating a layout / visual system |
| wireframe / prototyp |
| wireframe / prototyp |
| knows what is communication design, infographics, user interface |
| vizuální styl / vizuální design |
| vizuální styl / vizuální design |
| knows what is communication design, infographics, user interface |
| knows good examples of solutions within digital and graphic design |
| knows good examples of solutions within digital and graphic design |
| responzivní design |
| responzivní design |
| knows what steps are necessary to achieve good design |
| knows what steps are necessary to achieve good design |
| design proces |
| design proces |
| Skills |
|---|
| be able to conduct research on a given issue, analyse information, identify the problem |
| be able to conduct research on a given issue, analyse information, identify the problem |
| rešerše / výzkum dané problematiky |
| rešerše / výzkum dané problematiky |
| analýza problému |
| analýza problému |
| knows how to define project goals / design challenge |
| knows how to define project goals / design challenge |
| definice cíle projektu |
| definice cíle projektu |
| find and design appropriate solutions using creative software tools |
| find and design appropriate solutions using creative software tools |
| can identify negatives and positives, provide feedback |
| can identify negatives and positives, provide feedback |
| navrhování řešení |
| navrhování řešení |
| prezentace výsledného návrhu |
| prezentace výsledného návrhu |
| can convincingly present and defend the resulting proposal |
| can convincingly present and defend the resulting proposal |
| teaching methods |
|---|
| Knowledge |
|---|
| Dialogic (Discussion, conversation, brainstorming) |
| Dialogic (Discussion, conversation, brainstorming) |
| Individual work of students |
| Observation |
| Observation |
| Practice exercises |
| Activities related to graphics and visual arts |
| Experience (self-experience) |
| Experience (self-experience) |
| Individual work of students |
| Practice exercises |
| Activities related to graphics and visual arts |
| assessment methods |
|---|
| Analysis of creative works (Music, visual arts, literature) |
| Analysis of creative works (Music, visual arts, literature) |
| Analysis of the student's performance |
| Analysis of the student's performance |
| Analysis of a presentation given by the student |
| Analysis of a presentation given by the student |
| Grade (Using a grade system) |
| Grade (Using a grade system) |
|
Recommended literature
|
-
BRAND, Willemien. Visual Thinking. ISBN 9063694539.
-
COATES, Kathryn a ELLISON, Andy. An Introduction to Information Design. ISBN 9781780673387.
-
FINKE, Tim. Informotion: Animated Infographics. ISBN 978389.
-
JAROŠ, Richard a PAUKNEROVÁ, Pavla. Nejen kruhy: vizuální přístupy v zobrazování dat a informací. ISBN 9788087989067.
-
Jenn Visocky O?Grady, Ken Visocky O?Grady. The Information Design Handbook. 2008. ISBN 978-2-940361-91-5.
-
Maeda, John. The Laws of Simplicity. Cambridge, Mass, 2006. ISBN 0-262-13472-1.
-
MEIRELLES, Isabel. Design for Information. ISBN 9781592538065.
-
PHILLIPS, Charles. Vizuální myšlení: 50 cvičení pro rozvoj vizuálního myšlení. ISBN 9788024745121.
-
RENDGEN, Sandra. Information graphics. ISBN 3836528797.
-
Tufte, E.R. Beautiful Evidence.
|