Layout & Composition — UI Design Roadmap
Arranging content on a screen in a way that's structured and scannable
Steps in Layout & Composition
- Grid Systems — beginner · Column grids, gutters and margins as the invisible structure behind a layout
- Spacing & Whitespace — beginner · Using whitespace deliberately to group content and reduce visual noise
- Alignment & Visual Balance — beginner · Symmetrical vs asymmetrical balance and keeping a layout from feeling lopsided
- Visual Weight & Emphasis — beginner · How size, color and contrast combine to make some elements feel heavier than others
Part of
- UI Design roadmap — the full learning path