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.
Overview
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
Taught by
Mattox Shuler
