Visual Design and UX – Designing Visual Digital Products
Level
IntermediateDuration
24h / 3 daysDate
Individually arrangedPrice
Individually arrangedVisual Design and UX – Designing Visual Digital Products
This training covers a set of visual design principles, UX cognitive psychology, mental models, and those aspects that connect user flow with graphic support — essential for creating products perceived by users as easy, intuitive, and useful. Participants will work with a real project, improving the product based on the principles they learn.
Who is this training for?
Designers, graphic artists, and decision-makers who want to understand why something doesn’t work and how to fix it. This knowledge is valuable to anyone working on a product, regardless of prior graphic design experience.-
People who want to understand design (aesthetics and usability) and learn to properly use UI components by practicing principles of visual communication design to ensure the product is intuitive and user-friendly.
-
Those who want to systematize their UX/UI knowledge and gain strong foundations from a practitioner and teacher with 25 years of experience in designing both physical and digital products.
-
Professionals analyzing or researching existing data who want to begin designing or take part in decision-making during key stages of change implementation.
-
Those who want to strengthen their understanding of how graphic elements build the right visual image.
-
People collaborating with developers who want to learn how to prepare prototypes correctly to make production implementation easier.
What You Will Learn
- Visual design principles, UX cognitive psychology, and mental models essential for designing usable digital products
- How to use UI components and apply principles of visual communication design
- Understanding design psychology, Gestalt principles, Nielsen’s heuristics, and typography techniques
- Designing interface elements such as navigation, buttons, forms, and selectors
- Prototyping and modeling, applying Responsive Web Design, and incorporating accessibility and inclusivity principles
Training Program
-
Module 1 – Fundamentals and Process Organization
- What is design?
- What is visual communication?
- Aesthetics and usability – the main roles of design
- Design psychology and Gestalt principles
- Mental models
- Nielsen’s heuristics (UX/UI)
- Prototyping tools
- Design process and UI role within it
- Page and application structure in the UI context
- Perception and psychology in visual communication
- Typography – font selection and common pitfalls
-
Module 2 – Visual Communication Patterns and Principles
- Color – how to choose and combine in different spaces
- Color usage in websites
- Consistency – what it is and how to build it
- Space and composition (white space, padding, etc.)
- Image with text – principles
-
Module 3 – UI Elements
- Navigation and menus
- Buttons – anatomy, states, and practical use
- Forms – how to design them and what to avoid
- Selectors – logic, origins, and applications
- Icons – properties and principles
- Tables – properties and principles
- Filters and sorting
- Alerts – colors, shapes, and usage
- Search – primary and supplementary
-
Module 4 – Design Practice
- Good and bad examples across different areas
- Atomic Design / Design Systems
- Differences between desktop and mobile design
- Modeling and prototyping
- Responsive Web Design
- Accessibility and inclusivity in design
- Exercises in analyzing design patterns
- Preparing wireframes/prototypes for user testing
