Typography for Designers Course

Go to class
Write Review

Free Online Course: Typography for Designers Course provided by Treehouse is a comprehensive online course, which lasts for 3-4 hours worth of material. The course is taught in English and is free of charge. Typography for Designers Course is taught by Mattox Shuler.

Overview
  • Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create typographic hierarchy, laying out type, and creating responsive typography.

Syllabus
  • Introduction to Typography

    Before diving into utilizing or laying out type, we’ll need some basic knowledge about typography. This stage will give us the foundation to build upon as we learn what is typography, the terms used to describe it, and more.

    Chevron 9 steps
    • What is Typography?

      5:45

    • Review: What is Typography?

      5 questions

    • How Typography Affects the User Experience

      3:43

    • Typography Terminology

      6:47

    • Review: Terminology

      5 questions

    • Different Types of Type

      8:11

    • Review: Different Types of Type

      5 questions

    • Print vs. Digital

      5:49

    • Review: Print vs. The Web

      5 questions

    How to Choose and Use Fonts

    Learn how to select, install and use fonts on your computer and in your designs.

    Chevron 6 steps
    • How to Install Fonts

      3:20

    • Consider the Use Case

      0:55

    • How to Choose a Text Typeface for the Web

      6:51

    • Choosing a Text Typeface for the Web: Review

      7 questions

    • How to Choose a Display Typeface

      6:31

    • Choosing a Display Typeface for the Web: Review

      5 questions

    Web Typography

    Learn about font weights, styles and sizes as well as the importance of horizontal and vertical spacing to create typographic rhythm and flow.

    Chevron 6 steps
    • Font Weights, Styles, and Sizes

      10:53

    • Weights and Styles: Review

      6 questions

    • Horizontal Space: Measure and Margins

      7:55

    • Horizontal Space: Review

      7 questions

    • Vertical Space: Line-Height and Vertical Rhythm

      9:44

    • Vertical Space: Review

      5 questions

    Laying Out Type

    Learn how to create typographic hierarchy with style, weight, size, positions, capitalization and color, and how to combine different typeface to create variety and interest.

    Chevron 8 steps
    • Introducing Typographic Hierarchy

      5:13

    • Typographic Hierarchy: Style, Weight, Size, and Position

      6:16

    • Reviewing Typographic Hierarchy

      7 questions

    • Typographic Hierarchy: Caps and Color

      9:45

    • Review Caps and Color

      5 questions

    • Layout Treatments

      2:49

    • Combining Typefaces

      4:42

    • Review Layout Treatments and Pairing Typefaces

      5 questions

    Going Further with Type

    Learn about responsive typography, grid systems, variable fonts, and the fine details of type.

    Chevron 6 steps
    • Responsive Typography

      3:14

    • Reviewing Responsive Typography

      5 questions

    • More Grid Systems

      2:59

    • Variable Fonts

      2:03

    • The Fine Details

      4:17

    • Reviewing the Fine Details of Type

      5 questions