The Ultimate UI Typography Masterclass
4h 53m 7s
English
Paid
Course description
The course is filled with real advice and tricks from a senior product designer with a decade of experience in design.
Besides learning how to effectively manage typography in UI design, you will also learn what changes need to be made depending on various types of product design and UX/UI design projects - from web applications to mobile applications, from websites to wearable devices.
This is a highly practical course, and it includes numerous assignments that will help you solidify your new knowledge.
Watch Online
0:00
/ #1: Start Here
All Course Lessons (35)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Start Here Demo | 02:29 | |
| 2 | Course Overview | 03:15 | |
| 3 | Why Typography Matters | 03:47 | |
| 4 | Historical Overview of Type | 05:34 | |
| 5 | Type Dictionary | 13:01 | |
| 6 | Type Classifications | 10:08 | |
| 7 | Additional Type Characteristics | 05:24 | |
| 8 | Font Aspects | 03:31 | |
| 9 | Aesthetics and Personality | 07:06 | |
| 10 | How to Choose Fonts | 06:20 | |
| 11 | How to Pair Fonts | 03:33 | |
| 12 | Choosing and Pairing Fonts Demo | 10:20 | |
| 13 | How Context Affects Type | 06:10 | |
| 14 | Body Text | 09:52 | |
| 15 | Headings and Subheadings | 04:46 | |
| 16 | Button Text | 02:21 | |
| 17 | Labels, Captions, and More | 05:29 | |
| 18 | Tables and Data | 02:28 | |
| 19 | Icon and Web Fonts | 04:17 | |
| 20 | Ensuring Visual Hierarchy and Rhythm | 06:10 | |
| 21 | Type Scales | 04:42 | |
| 22 | Typography in Figma | 04:12 | |
| 23 | Typography for Mobile App UIs | 32:14 | |
| 24 | Typography for Web App UIs | 14:29 | |
| 25 | Typography for Responsive Website UIs | 21:23 | |
| 26 | Typography for Other Project Types | 04:43 | |
| 27 | Analyzing Typefaces | 09:08 | |
| 28 | Best Practices | 06:35 | |
| 29 | Naming Conventions and Style Documentation | 03:17 | |
| 30 | Breaking the Rules | 02:16 | |
| 31 | Studying the Work of Other Designers (Dribbble) | 34:03 | |
| 32 | Studying the Work of Other Designers (Real products) | 31:10 | |
| 33 | Common Mistakes | 05:39 | |
| 34 | Main Takeaways | 01:54 | |
| 35 | Congratulations | 01:21 |
Unlock unlimited learning
Get instant access to all 34 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionBooks
Read Book The Ultimate UI Typography Masterclass
| # | Title |
|---|---|
| 1 | 001 - All About Typography (Glossary) |
| 2 | 002 - Excellent UI Typefaces |
| 3 | 003 - Reliable UI Type Pairings |
| 4 | 004 - Typography Kickstart File (Figma Download Link Inside) |
| 5 | 005 - How to Choose Typefaces Questionnaire PDF |
| 6 | 006 - How to Pair Typefaces Cheat Sheet PDF |
| 7 | 007 - Superior Type Foundries |
| 8 | 008 - Common Typography Mistakes PDF |
| 9 | 009 - Awesome Typography Websites PDF |
| 10 | 010 - Type Rendering Problem Solution |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Solving Product Design Exercises: Questions & Answers (Full package)
Sources: Artiom Dashinsky
"Solving Product Design Problems" is a practical guide for preparing for UI/UX and product design interviews, as well as for developing skills...
2 hours 19 minutes 39 seconds
The Ultimate UI Colors Masterclass
Sources: Andrija Prelec
The course is filled with real advice and tricks from a senior product designer with a decade of experience in design. In addition to learning...
5 hours 35 minutes 10 seconds
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more
Sources: udemy, zerotomastery.io
Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently
20 hours 31 minutes 41 seconds
The Ultimate Airtable Design System Inventory and Automation (Bundle)
Sources: Romina Kavcic
Learn to quickly create an inventory with Airtable and easily integrate it with tools like Figma, Jira, Slack, GitHub, and others. Sync your design tokens...
37 minutes 48 seconds
Subatomic: The Complete Guide To Design Tokens
Sources: Ian Frost, Brad Frost
A deep and comprehensive course on design tokens: from concepts and variables in Figma to code, processes, best practices, and much more.
13 hours 27 minutes 4 seconds