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 full-size slide

  2. 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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  6. Copy in UI elements

    View full-size slide

  7. 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 full-size slide

  8. 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 full-size slide