Stage 2 · Lesson 6 of 7
Alignment, grouping and Gestalt principles
People see structure before they read a word. describe how this works. Things close together look related ().
Things that look alike seem to belong together (similarity). Things inside a shared box form a group (common region). Things placed along a line read as a sequence (continuity).
A strong left edge gives the eye a clear line to follow. Centred text works for short headings, but it makes long passages harder to read. Use these principles to group form fields, card content and navigation without adding boxes and lines everywhere.
Common trapsolving every grouping problem with borders and dividers, which adds noise; try space and alignment first.
A question to check yourself, an AI practice session and 2 cheat sheet entries come with the full roadmap. Unlock
Resources for this stage
Start with· follow one of these
- GuideFreeMaterial Design 3
Google
Free, detailed foundations on layout, colour roles and type scales from a system used by millions of apps
- BookPaidRefactoring UI
Adam Wathan and Steve Schoger · About $99
Paid, practical visual design tactics explained for people without a design background
Practise
Keep handy
Also worth your time
How size, colour, contrast and spacing create reading order, with examples