Visual Design
What it is
Visual design is hierarchy, spacing, contrast and alignment — the four decisions that make an interface look intentional rather than assembled. It is the layer applied after the structure is settled, and it decides where the eye lands, what reads as one group, and whether the whole thing feels trustworthy.
Why it matters
A user forms a judgement about a screen before reading a word of it. If every element competes at the same weight, the page is work; if the primary action is the largest and most contrasted thing, the page is obvious. Visual design is also where trust is won or lost: inconsistent spacing and mismatched alignment read as carelessness, and users transfer that judgement to the product’s reliability. None of it is decoration — it is the ordering mechanism for everything the structure decided.
In this track
- Hierarchy and spacing (03-design-ux/10-visual-design/01-hierarchy-and-spacing) — deciding what the eye sees first, second and third, and using space to group.
- Contrast and alignment (03-design-ux/10-visual-design/02-contrast-and-alignment) — making differences legible and putting things on a shared line.
Prerequisites
None.
Go deeper
- Typography (03-design-ux/28-typography) — the type scale that carries most of the hierarchy.
- Color Theory (03-design-ux/29-color-theory) — choosing contrast and meaning that survive colour-blindness.
- Layout & Grid Systems (03-design-ux/30-layout-grid-systems) — the columns and breakpoints alignment depends on.
- Design Systems (03-design-ux/32-design-systems) — keeping the visual rules consistent once several people apply them.