Page layout
- Definition
- Rules governing the composition of ui elements on a page
How does it work?
Page layout has the following aspects:
- Visual hierarchy: Steer the focus of the user by making some elements bigger or bolder than others, or by giving them a more prominent color.
- Negative space: Give your elements some breathing room. Don't cram everything on one page.
- Proximity: Place elements with a similar function together
- Rhythm: Repeat the same UI elements, but create variations in each element
- Alignment: Align ui elements
- Layout: Use similar layouts for similar functions. Example: grid-layout