| A | B |
| Alignment | relationship of elements in a pattern or grid |
| Balance | determined by how elements are placed on a page |
| Symmetrical | elements are centered or evenly divided horizontally and vertically |
| Asymmetrical | off center alignment |
| Radial | elements radiate or swirl out from center |
| Contrast | the use of big and small elements |
| Proximity | placing elements near each other |
| Repetition | repeating some aspect of the design throughout the layout |
| White Space | negative or empty space |
| Rule of Thirds | visually dividing the page into thirds |
| Optical Center | the spot that the eye sees first |
| Z-pattern | the visual path the eye follows |