Spacing, Grouping, And Proximity

Observe

See the communication problem

An event card lists time, place, price, and sign-up link with identical gaps between every line.

• What to notice

  Equal spacing everywhere can make unrelated items look equally related.

• Why it matters

  Good spacing makes a layout easier to scan without adding extra lines, boxes, or labels.

Takeaway: Spacing is information. It tells viewers what belongs together and what should be read separately.

Understand

Understand the principle

Spacing is information. It tells viewers what belongs together and what should be read separately.

Good spacing makes a layout easier to scan without adding extra lines, boxes, or labels.

Takeaway: Spacing is one of the clearest ways to show relationships without adding extra boxes or lines.

Understand

Study the visual model

Read the image from first attention to final detail. Then compare that path with the labeled decision model below.

Tight gap

Items belong together.

Medium gap

Groups are related but separate.

Large gap

A new section begins.

Consistent rhythm

The layout becomes predictable.

Takeaway: Use the model as a diagnostic, not a decoration recipe: Equal spacing everywhere can make unrelated items look equally related.

Try

Follow a worked decision

• Situation

  An event card lists time, place, price, and sign-up link with identical gaps between every line.

• Designer move

  Tighten the time and place group, separate price from logistics, and give the action its own space.

• Result

  The card becomes easier to scan because spacing matches meaning.

Takeaway: People read spacing before they read every word.

Try

Run the studio method

Use smaller gaps inside a group and larger gaps between groups.

• Frame: Good spacing makes a layout easier to scan without adding extra lines, boxes, or labels.
• Explore: Take a list of event details and group it by time, place, price, and action.
• Test: Equal spacing everywhere can make unrelated items look equally related.
• Revise: change one variable, compare the versions, and keep the stronger evidence.

Takeaway: Use smaller gaps inside a group and larger gaps between groups.

Critique

Diagnose weak decisions

Name the visible problem before proposing a fix. This keeps critique specific and useful.

• Using equal spacing everywhere.
• Adding boxes to fix grouping that spacing could fix.
• Crowding the main action against unrelated details.

Takeaway: A strong designer can name the mistake and the fix.

Apply

Use the review rubric

Ask first: Equal spacing everywhere can make unrelated items look equally related.

• Use smaller gaps inside a group.
• Use larger gaps between groups.
• Keep repeated groups on the same spacing rhythm.
• Remove divider lines when spacing can do the job alone.

Takeaway: Your design is ready to move forward when you can point to evidence for every criterion.

What does proximity communicate?

• File size.
• Relationship between elements.
• Image resolution.
• Print bleed.