| A | B |
|---|
| Alignment | Visual relationship between all of the elements in a layout, even if the elements are far apart |
| Symmetrical Balance | Elements of the design are centered or evenly divided both vertically and horizontally |
| Asymmetrical Balance | Off-center alignment created with an odd or mismatched number of elements. |
| Radial Balance | the elements radiate from or swirl around in a circular or spiral path. |
| Contrast | The use of big and small elements, black and white text, squares and circles |
| Proximity/Unity | Grouping of elements to demonstrate their relationship to each other |
| Repetition/Consistency | Repeat some aspect of the design throughout the entire layout, which aids navigation and improves readability |
| White Space | Gives a design breathing room |
| Rule of Thirds, Visual Center, Grids | Visually dividing the page into thirds vertically and/or horizontally and placing most important elements within those thirds. |
