Hello World

Layout, type and imagery

All chapters

Part 4 · Design

Layout, type and imagery

Chapter 17 14 min read 8 sections

Flickr used to show how many times a photo had been viewed with a short label, like "12 views". In German, "views" became "-mal angesehen". The label was now almost three times as long, and it had to fit in the same spot on the page.

Nobody wrote a bug. The layout was built around the English text, and the English text was the shortest it was ever going to be.

Most design advice in this book lives with the topic it belongs to, like how to show a date or a price that ran out of room. This chapter covers the design problems that don't belong to any one topic: text that changes length, text that changes direction, fonts that can't draw the characters, and pictures that mean something different somewhere else.

Keep reading

The rest of this chapter is for readers of the book

Get the book to read the rest of this chapter and every other one, the field guide and the glossary, and to download the whole book as a PDF.

Still to come in this chapter

  • Text changes length
  • Text changes direction
  • Fonts can't draw every character
  • Pictures need localising too
  • Video, audio and captions
  • Flags are not languages
  • Checklist
  • Further reading