Principles of Design Flashcards
Visual Hierarchy
The way information is structured and prioritized in a design
11 visual principles
Size&Scale Perspective Color&Contrast Typography Proximity Negative Space Alignment Rule of odds Repetition Leading lines Rules of thirds
Balance
An even distribution of visual weight
A lack of balance can lead to…
Visual Tension
Types of Balance
Symmetric
Asymmetric
Radial
Mosaic approaches
Visual Weight
Perceived weight of how much an element stands out compared to those around it.
Factors of Visual Weight
Size
Color
Contrast
Density
Visual Tension
when balance is not achieved. Negatively impacting the design perceived by others.
“Something seems off about this design”.
Symmetrical Balance
mirroring objects on one or more axes.
Asymmetrical Balance
Asymmetry causes design to be more dynamic and lively
Radial Balance
Elements appear to radiate from a central focal point. This method can be used to draw attention to the center of your design.
Mosaic Balance
“organized chaos.” It can present itself as pattern or repetition, in which no single element stands out more so than the rest.
Contrast
two or more design elements are significantly different from
each other.
Contrast applies to…
Color
Font Size
Scale
effective use of contrast helps designers construct screens that effectively
Direct: the user’s eye so that it moves through a design in a certain way
Create: interest for the user to avoid a bland aesthetic and experience
Organize: content and elements to ensure ease-of-use and readability