Art Direction for the Web
summary
Argues that art direction deliberately uses visuals, layout and type to make people feel something, citing ProPublica vs Atlantic as a concrete outcome where different imagery changes reader emotion and engagement. Shows a 58-column compound grid (Gerstner’s mobile grid), explains rhythmic patterns like 2-1-1-2 and 3-1-2-2-1-3 that alter pacing, and demonstrates that modern tooling—CSS Grid and Flexbox—lets teams implement these compound grids responsively so layouts actually work and hold attention.
AI-written summary · about
chapters (14)
- 0:00Introduction and background
- 2:17What is art direction?
- 3:24Art direction in advertising
- 5:53Emotional response in design
- 7:20Art direction across industries
- 9:07Historical influences on art direction
- 12:37Learning from past design eras
- 12:59Compound grids in layout
- 18:02Creating compound grids
- 23:57Rhythm and pacing in design
- 24:38Implementing compound grids with CSS
- 25:20Art direction for all designers
- 26:04Everyone can art direct
- 26:48Book and course promotion
