Typography — UI Design Roadmap
Text is most of what users actually read on a screen, so it has to be right
Steps in Typography
- Typeface Anatomy — beginner · The parts of a letterform: x-height, serifs, counters, and how they affect feel and readability
- Choosing & Pairing Fonts — beginner · Selecting a typeface that fits the product's personality and pairing a heading and body font well
- Type Scale & Hierarchy — beginner · Building a consistent set of font sizes and weights for headings, body and captions
- Readability (Line Length, Line Height, Letter Spacing) — beginner · The details that determine whether text is comfortable or exhausting to read
- Responsive Typography — intermediate · Scaling type sizes and line heights appropriately across screen sizes
Part of
- UI Design roadmap — the full learning path