Design Principles Definitions

Balance The equal distribution of the visual weight of elements on a page in order to achieve a pleasing and clear layout.

Two Types of Balance Symmetrical = Everything is centered (like this slide) Asymmetrical= Uncentered (but still balanced)

Two Types of Balance SymmetricalAsymmetrical

Proximity/Unity Proximity=When items that are spatially located near each other seem part of a group. Unity=When items appear as though they belong together

Proximity/Unity Text Proximity Example: Text is positioned inside each shape so it is in close proximity to the shape. Unity Example: Colors match.

Alignment The visual connection among items on a page when their edges line up with each other. Used to improve organization and professional appearance.

Alignment Text TEXT inside each shape is ALIGNED at the bottom center of each shape. All the SHAPES are ALIGNED with each other, spaced out equally and aligned vertically with the text.

Repetition/Consistency Repeating items within a layout helps establish a unified, cohesive design.

Repetition/Consistency Repetition Example: Stars are repeated on each corner of the slide. Consistency Example: Each star has the same colors. And each is the same size.

Contrast Visual elements should look distinctly different from one another. Used to add visual interest and to keep from everything looking alike.

Contrast The color of the text contrasts with the color of the shape. Text

White Space The space on a page that does not contain visual elements. Used to give the reader “breathing” room. TIP: Don’t crowd your design!