Sketchplanations
Big Ideas Little Pictures
Get the book!
Sketchplanations podcast photo of Rob Bell, Tom Pellereau and Jono Hey
Prefer to listen?
🎉 Help keep Sketchplanations ad-free by supporting me

Graphic design: ideas and frameworks explained

A collection of ideas, frameworks and techniques related to Graphic design, explained clearly so they are easy to understand and share.

What is diagonal billing in cinema, film credits, titles, and design? Example of Steve McQueen and Paul Newman from the Towering Inferno in a movie theatre. Also staggered billing.Diagonal Billing (or Staggered Billing)What is the Blur Your Eyes Test for testing designs and communication for structure showing an example of little and clear structureThe Blur Your Eyes TestSkeuomorph meaning and examples with icons of floppy disks, phones and others for save and callSkeuomorphGestalt principles of visual perception showing proximity, similarity, continuity, closure, figure and ground, symmetry and order, and common fate.Gestalt principlesExamples of a ghost grid: a lightly dotted grid, and a grid of ghostly houses so that extension options can clearly be seenGhost gridThe Data Prison illustration: shows 2 tables with identical data describing a schedule of work and fun for every day of the week. The "imprisoned" data in the table on the left is separated by lines in a grid. The "freed" data in the table on the right has no lines, and instead uses shading and spacing.The data prison60-30-10 colour rule illustration: a man is shown wearing a plain suit, button up shirt and tie. 60% of colour on show is from the suit; 30% is from the shirt; 10% is from the tie. 60-30-10 Colour ruleLet your data speak for itself.The lie factor in data charts and graphicsWatch for the lie factorDesign for a Glance, a Look and a ReadAnti-aliasingAir-write before inkingUrge to underline? Use bold or italic insteadUse styling instead of colons

Suggest an idea

Buy Me A Coffee