Design Principles
Principle 1: Balance
Symmetrical Balance
A mirror image balance where the visual weight is evenly distributed.
Recommended use: when creating a formal structure and harmonious design.
Asymmetrical Balance
Visual weight balance is not symmetric; Ex. small elements are placed further away from the center of the screen than the larger.
Recommended use: when creating a casual and dynamic composition.
Radial Balance
Visual elements are arranged around a focal point.
Recommended Use: when driving the users' immediate attention to a specific area.
Principle 2: Proportion
How objects relate to each other in terms of size, scale, shapes, and quantities between the various elements of a composition
Recommended use: when creating perspective, realism, balance, and elements of surprise in a design.
Principle 3: Contrast
The arrangement of opposing/contrasting elements (colors, textures, sizes, etc.)
Recommended use: when creating a noticeable difference between elements to emphasize a certain area or element.
Principle 4: Repetition
An element is repeated and reinforced (same colors, images, format, etc.)
Recommended use: To create a cohesive, memorable, and impactful visual rhythm in the design for the user.
Principle 5: Emphasis
The focus of interest in a composition.
Recommended use: to cause certain elements to stand out.
Principle 6: Proximity
Visual elements that are placed near each other are perceived as being related, while spaced far apart is perceived as being unrelated.
Recommended use: when organizing information and creating structure to a design.
Principle 7: Rhythm
Random rhythm
Elements are unpredictable with no distinct pattern.
Regular rhythm
Same spacing between elements.
Flowing rhythm
Elements follow bends/curves, mimicking realistic motion.
Progressive rhythm
A subtle/progressive change to each element.
Alternating rhythm
Two or more elements follow an order of alternation (ex. chess board).
Principle 8: White space
Also known as negative space, an area in a design composition that has no design elements.
Recommended use: important when creating an uncluttered and readable/usable design.
Principle 9: Hierarchy
The order of importance of design elements: the most important should be emphasized and at the top.
Recommended use: when directing users to the most important information.
Principle 10: Unity
Design elements should work well together to create a harmonious and cohesive composition.
Recommended use: consistent design elements (colors, types, images, etc.)
Am I missing any? I'd love to hear your thoughts!
Thank you for visiting my portfolio!
Let's connect!
juliaheo@berkeley.edu
Build IRL
Build IRL
Build IRL
Designed and created by Julia ♥︎