Knowledgebase

Alignment and Visual Order Print

  • uiuxdesign, guide, howto, solution, zillionkinghost, hosting, support
  • 0

Arranging elements.

WHY ALIGNMENT MATTERS

Aligned elements read as ordered and deliberate.

Misalignment reads as careless, even when people cannot say why.

WHAT TO ALIGN TO

A small number of consistent edges.

WHAT THAT MEANS

Elements share left edges, or centres, consistently down the page.

WHAT TO AVOID

Centring long text, which makes every line start in a different place Mixing alignments without reason Almost-alignment, which is worse than obvious difference

THAT LAST POINT

Two elements nearly aligned look like a mistake. Either align them or separate them clearly.

WHAT A GRID PROVIDES

A structure elements align to, producing consistency without decisions each time.

WHAT TO KEEP CONSISTENT

Margins Column positions Where content starts

WHAT TO CHECK

Squint at the page. Misalignment becomes obvious.

WHAT ELSE THAT REVEALS

Whether the emphasis is where you intended.


Was this answer helpful?
Back

Are you happy with your experience? Leave us a review on Trustpilot.


Trustpilot