Manuals / Graphic Design / Ch 2

A · SeeBeginner45 min read

2. Learn to see: hierarchy & contrast

Graphic Design · 52 pages source format

Design starts with eyes, not tools. Train yourself to notice what appears first, second, third — then control that order on purpose. Contrast (size, weight, color, space) is how you steer the eye.

What you'll learn

  • Visual hierarchy
  • Contrast types
  • Squint test
  • One-message layouts

Squint test

Squint at a poster until details blur. Blobs of contrast reveal hierarchy. If everything screams, nothing speaks.

Do this now

Screenshot 3 ads from Behance or Instagram. Mark 1st / 2nd / 3rd read with numbered circles.

Clear?

Four contrast levers

Size, weight (bold vs regular), color (light vs dark), and whitespace. Pros rarely need more than two levers on one element.

  • Size — bigger reads first
  • Weight — bold pulls attention
  • Color — saturated or dark against light ground
  • Space — isolation creates importance

Do this now

Take one cluttered flyer. Rewrite it with one headline, one support line, one CTA. Use only size + weight for hierarchy.

Clear?

Reduce to one message

Beginners overstuff. Pros cut. Ask: if the viewer remembers one thing, what should it be?

Do this now

Design a 1080×1080 social post for your fictional client with exactly one focal point.

Pro tip. If removing an element does not hurt understanding, remove it.

Clear?

Checklist