Page layout

Rules governing the composition of ui elements on a page
Page layout

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