Typography for Designers Course (How To)

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.

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