The Ultimate UI Typography Masterclass
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.
About the Author: Andrija Prelec
Andrija Prelec is a product designer with a decade of industry experience.
He has worked on over 50 projects, including websites and mobile applications, which have reached more than 10 million users worldwide. Previously, he worked as a UX/UI designer at product design agencies (the most notable being the New York agency Five) and as a freelance product designer.
Currently, he is the CEO and lead designer at Sharc, as well as a UX instructor and mentor at Algebra. He focuses on developing product strategies, conducting user and market research, and creating impactful user interfaces and experiences. Outside of design, he has experience in hiring, mentoring, team management, client relationship building, and much more.
Andrija has trained thousands of current and future designers through his work, lectures, workshops, and courses. He also holds a master's degree in multimedia design.
Watch Online 35 lessons
| # | 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 |
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 |
