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.

Unlisted

--

--

Designer/typographer · Writing a book on the history of keyboards: https://aresluna.org/shift-happens

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store