Upgrade to Pro — share decks privately, control downloads, hide ads and more …

DDVE design class. Language and typography

Jaanus Kase
December 12, 2011

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.

Jaanus Kase

December 12, 2011
Tweet

More Decks by Jaanus Kase

Other Decks in Design

Transcript

  1. Language and typography

    View Slide

  2. View Slide

  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

    View Slide

  4. Typography exists to honor content.
    Robert Bringhurst. The Elements of Typographic Style.

    View Slide

  5. Language in user interfaces
    • Shorter is better.
    • Be clear, not ambiguous.
    • Use basic elementary school language.
    • Be clear about relations and objects.

    View Slide

  6. Copy in UI elements
    Send Photo
    Send
    Send “Example Photo” to
    [email protected],
    [email protected]
    Send “Example Photo”
    Send to [email protected]

    View Slide

  7. Copy in UI elements

    View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. View Slide

  12. View Slide

  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

    View Slide

  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

    View Slide