KLD Institute
Menu
Course mapOpen study notes

Slide 14 of 36

Grid

A grid is a quiet structure underneath the page

  • A grid creates repeatable structure.
  • Columns and gutters help alignment and spacing.
  • The grid should serve content priority, not override it.
Interface anatomy
MarginOuter space that keeps content away from screen edges
ColumnsVertical tracks that support placement and proportion
GuttersSpace between columns or major areas
ContentContent blocks placed by priority and relationship