Visual Design Principles
When all elements—colors, shapes, textures, and fonts—work together harmoniously.
What is Unity?
Creating products or services that have a positive impact on users.
What is User Experience Design?
The space between lines of text.
What is Line Height or Leading?
The series of steps a user takes to achieve a specific goal within a product or service.
What is User Journey?
Regular weight and smaller text.
How people perceive complex visual elements as organized patterns or wholes rather than as separate components.
What is Gestalt?
The visual elements through which a user interacts with a product, such as buttons, icons, and menus.
What is User Interface Design?
The design of a set of characters (e.g., Arial, Times New Roman, Roboto.)
What is Typeface?
Applying game-like elements, such as rewards or progress tracking, to non-game contexts to engage users.
What is Gamification?
Making one element stand out to establish focus in a design.
What is Dominance?
The arrangement of elements to guide the viewer’s eye to the most important information first.
What is Hierarchy?
The aesthetic elements of a design, such as color, typography, and layout, which enhance the product’s usability and appeal.
What is Visual Design?
The largest text in a design.
What is Heading?
Customizing a product’s content or interface based on the user’s preferences or behavior.
What is Personalization?
A design approach that focuses on the needs, goals, and feedback of the end user throughout the design process.
What is User-Centered Design?
The difference between elements, such as color, size, or shape, to make them stand out.
What is Contrast?
Designing the interactive elements of a product to ensure users have smooth, intuitive interactions with the interface.
What is Interaction Design?
The specific style and size of a typeface (e.g., Arial Bold 12px).
What is Font?
Short pieces of text that guide users through a product, like button labels, tooltips, or error messages.
What is Microcopy?
The size of elements in relation to one another, used to emphasize importance.
What is Scale?
Distributing elements evenly across the design, to create visual stability. It can be symmetrical or asymmetrical.
What is Balance?
The structure and organization of information within a product to help users find what they need efficiently.
What is Information Architecture?
16-18px
What is recommended body text size?
The user’s internal understanding of how something works based on past experiences.
What is Mental Model?
What is Alignment and/or Unity?