KLD Institute
Menu
Course mapOpen study notes

Slide 31 of 36

Tool lab

Use layout guides to make structure visible

  • Add layout guides to the desktop frame.
  • Use a simple single-column guide on mobile.
  • Check whether content edges line up with intent.
Interface anatomy
MarginsOuter space that protects reading and touch comfort
ColumnsRepeatable tracks that support placement
GuttersSpace between columns or major content areas
ContentAligned content blocks that follow priority