Composition is the organization, arrangement, and combination of objects within the borders of a page.
Grid
- Can serve as an armature for organizing content
- Can create grids and columns using CSS
Consider the White Space
- White space gives the eye a resting place, and separates distinct elements.
- Activating Compositional Space takes that white space and has it create a positive flow with the surrounding content.
- Passive spaces are boring.
- Trapped spaces restrict reading flow.
Golden Mean
- Fibonacci Series yields a ratio of 1:1.61803399 (φ)
- Golden spiral is found throughout natural forms
- Used by artists and architects because it is aesthetically pleasing
Rule of Thirds
- Locate points of emphasis
- Balance the composition
Wireframes
- Provide a blueprint for content structure
- Focus on content hierarchy