CF

The Ultimate UI Typography Masterclass

4h 53m 7s
English
Paid

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 thumbnail

Andrija Prelec is a software engineer and educator publishing course material on the modern web and full-stack development landscape.

The course catalog covers a range of practical topics in modern web development. Material is taught at a level aimed at intermediate developers building real applications, with each course typically structured around a substantial project or focused topic deep-dive.

The CourseFlix listing under this source carries 7 Andrija Prelec courses. Material is paid; the catalog page lists course titles, lesson counts, and the specific category each one covers. For broader content in any specific technology, see the corresponding Topic and Category pages on CourseFlix.

Watch Online 35 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 35 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Start Here
All Course Lessons (35)
#Lesson TitleDurationAccess
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 subscription

Books

Read Book The Ultimate UI Typography Masterclass

#TitleTypeOpen
1001 - All About Typography (Glossary) PDF
2002 - Excellent UI Typefaces PDF
3003 - Reliable UI Type Pairings PDF
4004 - Typography Kickstart File (Figma Download Link Inside) PDF
5005 - How to Choose Typefaces Questionnaire PDF PDF
6006 - How to Pair Typefaces Cheat Sheet PDF PDF
7007 - Superior Type Foundries PDF
8008 - Common Typography Mistakes PDF PDF
9009 - Awesome Typography Websites PDF PDF
10010 - Type Rendering Problem Solution PDF

Related courses

Frequently asked questions

What are the prerequisites for this typography course?
The course does not list specific prerequisites, but it is beneficial for students to have a basic understanding of UI/UX design concepts. Familiarity with design software, particularly Figma, is advantageous since the course includes a lesson on Typography in Figma. A general interest in typography and its application in product design will help students grasp the concepts more effectively.
What types of projects will I work on during the course?
During the course, you will work on various typography projects related to different types of product design and UI/UX design projects. This includes typography for mobile app UIs, web app UIs, responsive website UIs, and wearable devices. Numerous assignments are included to help solidify your understanding of managing typography across these different platforms.
Who is the target audience for this typography masterclass?
The course is designed for UI/UX designers who are looking to enhance their typography skills in digital interfaces. It is also suitable for product designers who want to learn about the impact of typography in their projects. The course is beneficial for both beginners and experienced designers seeking to refine their approach to typography in various product types.
How does this course compare to other typography courses in terms of depth and scope?
This course offers a comprehensive exploration of typography in UI design, covering a wide array of topics from basic type classifications and characteristics to advanced concepts like ensuring visual hierarchy and rhythm. Unlike some courses that focus solely on theory, this one includes practical assignments and insights into typography for specific platforms such as mobile and web applications, ensuring a well-rounded understanding.
What specific tools or platforms will be used in the course?
The course specifically includes a lesson on Typography in Figma, which indicates that Figma will be used as a tool for practical demonstrations and assignments. Students are expected to use Figma to apply their typography knowledge to UI design projects.
What topics are not covered in this typography course?
The course focuses on typography specific to UI/UX and product design and does not cover print typography or other areas such as branding or logo design. Additionally, while it provides insights and analysis of typefaces and styles, it does not delve into typeface creation or advanced graphic design software beyond Figma.
How much time should I expect to commit to this course?
While the total runtime of the course is not specified, it consists of 35 lessons covering a comprehensive range of topics in typography. Given the inclusion of numerous assignments, students should expect to dedicate additional time outside of lectures to complete these practical exercises and reinforce their learning. The time commitment will vary based on individual pace and project complexity.