Outline/Chapter 3 · The Hand · Craft as PracticeSign in
Part I · Model · 3 of 6
3.2

The Grammar of Visual Formthe reasons behind what looks right

You say the layout felt balanced. Someone senior says it looks cramped. Your answer survives only until a stronger feeling shows up across the table.

That argument recurs because visual form is the first thing users see and most of what they judge the product by: for the user, the interface is the product. Everyone can see it, so it invites opinions from every side. Of everything you ship, the visual layer draws the most comment: the product manager wants the button bigger, a stakeholder asks for more contrast, the founder wants it to feel cleaner. Most of that runs on taste.

A principle changes what the decision rests on. Tie the choice to how perception actually works, and it stands on a clear reason, so the most senior taste in the room no longer overrules it. This section is about giving every visual decision a reason you can defend.

Contrast, scale, grouping, spacing, and alignment describe how the eye organises what it sees,1 which makes them a constraint you work inside. It is tempting to treat them as a flat checklist, one box each. In real work they do one job: lowering the effort it takes a person to read the screen and understand it.2 Contrast and scale set the order the eye moves, so the most important thing is seen first. Grouping pulls a crowded field into a few clusters, so the mind takes in a handful where there were forty. Alignment and spacing show what belongs with what, so the structure is understood before the words are. Every visual decision either lowers that effort or adds to it.