Shift Happens: Visual style guide
Details of the book’s visuals
Use real photos over illustrations, diagrams, and patent drawings. Keyboards have to feel real.
For truly important keyboards or parts of keyboards, create 3D models in a realistic style.
Add context. Photos of keyboards in use are better than photos of naked keyboards. Add context (advertising, accessories) if possible.
Prefer powered-on computers to powered-off computers. Synthesize screens if necessary.
Prefer clean over dirty, unless dirty has a meaning.
Prefer actual size keyboards if they are close. Imagine people putting fingers over the page to test drive.
Add small easter eggs. Reward people looking carefully at photos.
Tell stories via juxtaposing two or more photos.
Prefer non-American context to American context if it makes sense.
Include photos of women typing and people of colour typing.
Every photo needs to be high quality.
Repeat layouts instead of inventing new ones. Each layout has to be used at least twice so they feel intentional.
Colour grade and adjust visuals on the same page and in the same chapter so that they appear unified.
Prefer full bleed. Use full two-page spreads for truly important keyboards.
For one-page flat photos, make the keyboard face right.
Use consistent colors for backgrounds:
- white, light gray, orange for keyboards
- dark violet for screenshots
Prefer photos with orange.
Denote if a keyboard is actual size.
Denote if a photo is a rendering.
Denote if a screen is synthesized.