DDVE design class. Language and typography

I presented this material with my colleague Priidu Zilmer as part of a two-day design workshop for Tartu University’s Design and Development of Virtual Environments Master’s program. See www.ddve.ee for more info.

Transcript

1. Language and typography
3. Vigorous writing is concise. A sentence should contain no unnecessary words, a paragraph no unnecessary sentences, for the same reason that a drawing should have no unnecessary lines and a machine no unnecessary parts. Strunk & White. The Elements of Style
4. Typography exists to honor content. Robert Bringhurst. The Elements of Typographic Style.
5. Language in user interfaces • Shorter is better. • Be clear, not ambiguous. • Use basic elementary school language. • Be clear about relations and objects.
6. Copy in UI elements Send Photo Send Send “Example Photo” to first@example.com, second@example.com Send “Example Photo” Send to first@example.com
7. Copy in UI elements
13. 1 2 3 4 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog 5 The quick brown fox jumps over the lazy dog 6
14. Helvetica, iOS The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog Droid Sans, Android H Lucida Grande, Mac OS X Tahoma, Windows Segoe UI, Windows Metro Ubuntu