(2090) MM110 Lecture #6 - Typography

Introduction to Typography

  • Speaker: Curtis Stage

  • Lecture Number: Six

  • Overview of current and previous topics focusing on typography

What is Typography?

  • Definition: The art and technique of arranging type, a visual form of language.

  • Importance: Fonts are symbols that communicate visually and linguistically.

  • Power of typography in conveying messages through design.

Historical Context

  • Assigned reading covers:

    • Short history of the alphabet.

    • Importance of good typography practices.

  • Emphasis on making thoughtful choices in typeface selection across various media (logos, layouts, graphics).

Real-World Applications of Typography

  • Critical role in conveying tone and readability in graphic design, film, and menus.

  • Example: Difficulty of reading a menu in a dimly lit restaurant.

  • Designers should consider accessibility for all potential viewers.

Impact of Poor Typography

  • Bad typography can detract from designs.

  • Importance of coherent and complementary font choices.

  • Engaging with typography can influence consumer behavior and perceptions, as illustrated by personal experiences with poorly designed stores.

Typography in Public Spaces

  • Case Study: LAFC Stadium – effective typography, color schemes, and design alignment with branding.

  • Contrast with Dodger Stadium: Different fonts evoke distinct emotional responses; retro vs. modern styles influence atmosphere.

Choosing the Right Typeface

  • Importance of alignment between font style and brand identity.

  • Questions to ask when selecting fonts:

    • Is the font appropriate for the context?

    • Does it accurately reflect brand qualities?

Concepts in Typography

1. Terminology

  • Typeface: General design of letters (e.g., Futura, Comic Sans).

  • Font: Specific variations (styles and weights) of a typeface.

  • Glyph: A unique symbol/character in a typeface.

2. Elements of Fonts

  • Components include: cap line, mean line, baseline, ascender, x-height, serif, and descender.

  • Understanding these is essential for font design.

Categories of Typefaces

1. Serif Fonts

  • Features: small decorative lines (serifs) at the ends of strokes.

  • Common for print body due to legibility.

2. Sans Serif Fonts

  • Defined as "without serif"; modern and clean look.

  • Best for digital formats and bold headlines.

  • Examples include Helvetica, Arial.

3. Script Fonts

  • Usually mimicking cursive handwriting; elegant and decorative.

  • Should be limited to headlines or accents due to readability issues.

4. Decorative Fonts

  • Highly stylized and graphic; include various thematic elements.

  • Best used sparingly.

Considerations for Typography Choices

  • Importance of avoiding chaos with too many fonts.

  • Don’t mix decorative and script fonts; maintain clarity in layout.

  • Use contrasting typefaces to establish hierarchy.

Typography Do's and Don'ts

  • Do: Maintain a balance in font weight and clarity for reading.

  • Don't: Use overly complex fonts for main text, and avoid combining too many different styles.

Examples and Common Mistakes

  • Specific examples of problematic pairings of fonts and styles.

  • Reflection on famous typography missteps in brands (e.g., Coca-Cola in Papyrus).

Conclusion

  • Recap of the significance of typography in visual communications succinctly linking historical context, design choices, and practical applications.

  • Encourage students to observe typography in various contexts for the upcoming assignments.