Experimental UI Design Course

Day 2: Typography as Art

Transforming text from invisible to expressive

📚 Study (10 min)

Read "The Elements of Typographic Style" (Bringhurst) - Chapter on Rhythm & Proportion

✏️ Practice (20 min)

Play Kerntype game, then create an expressive type poster using only one font family

🔗 Resource

Study Shantell Martin's typography work at shantellmartin.com

Making Typography Expressive

Typography becomes art when it stops being invisible and starts being expressive. Bringhurst's chapter reveals how mathematical relationships create visual harmony, but today you'll use that knowledge to intentionally create tension and energy. The Kerntype game trains your eye to see micro-adjustments that separate amateur from professional work.

For your poster exercise, choose a single word that has personal meaning - maybe "breakthrough," "chaos," or "delicate." Using only one font family (different weights/styles allowed), create a composition where the typography itself embodies the word's meaning. If your word is "shatter," perhaps the letters literally break apart. If it's "whisper," maybe the text becomes progressively transparent.

Study how Shantell Martin uses text as drawing, where letters become gestural marks rather than just information containers. Notice how she integrates words into flowing compositions where meaning and form unite. Your goal isn't readability - it's emotional communication through typographic form. Save your best experiment; you'll reference this approach throughout the course.

Today's Exercise

Creating an Expressive Type Poster

  1. Choose a single emotionally charged word
  2. Select one font family (variable fonts work great)
  3. Create a composition where the typography embodies the word's meaning
  4. Use only typographic elements - no images or decorations
  5. Experiment with:
    • Scale and proportion
    • Weight variations
    • Letter spacing and kerning
    • Rotation and transformation
    • Opacity and layering

Key Takeaways

  • Typography can communicate emotion beyond the meaning of words
  • Micro-adjustments in kerning and spacing create professional polish
  • Breaking readability rules can serve expressive purposes
  • Text can function as both information and visual art simultaneously