Course map Open study notes

Slide 15 of 36

Grid guides

Guides make structure visible

Margins keep content from touching unsafe edges.
Columns and gutters support comparison.
A consistent leading edge reduces scanning effort.

Side by side comparison of a weak scattered layout and a stronger layout using margins, columns, gutters, and aligned content. — Alignment and grid are practical tools for scan paths and comparison.Original KLD Institute teaching diagram.