This course on Typography for Developers aims to teach learners how to create good typography as a UX Designer. By the end of the course, students will be able to choose appropriate typefaces, understand typographic hierarchy, and create responsive typography. The course covers topics such as the elements of typeface, serif and sans-serif fonts, text contrast, choosing and using typefaces, font styles and sizes, and includes a design project using Figma. The teaching method involves a mix of theoretical explanations, practical examples, and hands-on projects. This course is intended for UX Designers, developers, graphic designers, or anyone interested in improving their typography skills for better design outcomes.
Overview
Syllabus
) Introduction: What is Typography?.
) Typography vs Lettering.
) Typeface vs Font.
) How Typography Affects User Experience (UX).
) Elements of TypeFace.
) Serifs.
) Sans-serifs (Without serifs).
) Letterform Contrast.
) Text Contrast in Comparison to the Background.
) Text Color Contrast.
) Typeface Genres (Types of Typefaces) .
) Serif Sub-genres.
) Sans-serifs Sub-genres.
) Scripts.
) Print Design vs Digital Design.
) Help Clients Understand the Benefit of Good Fonts .
) Fixed vs Fluid Layouts.
) Choosing and Using Typefaces.
) Installing Fonts.
) A word on Font Formats.
) Choosing a Text Typface.
) Counters (Enclosed whitespace in Text).
) Typeface 'Mood' Matching the Content.
) Choosing a Display Typeface.
) Translating Text Typeface to Display Typeface.
) Weight, Styles & Sizes.
) Faux Bold & Italics vs True Bold & Italics.
) Font Weighting & Styles.
) Design Project using Figma.
Taught by
freeCodeCamp.org
Related Courses
Related articles
Reviews
4.7 rating, based on 7 Class Central reviews
-
Wow , now I can choose the right font , Thank you soo much. I am a developer but i didnt know much about typeface. We sometimes choose based on niches and many other ways
-
Good source of learning with brief and detail about the subject. Loved the course.clear and step by step topics are described well. As a new student it helped me a lot.
-
Itz easy and interesting for me I need some practical work like how to apply typography on T-Shirts Merchandise that we sell on fiver to earn money if there is any course kindly guide... I want to know and learn new features of typography that in which features we know when we apply on different shapes or t-shirts
-
Omar Abadir1.Great insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner.
-
Ridwan FadilahGreat insight! And more easly for beginner to make production type design/ fonts. So you can get more insight, knowladge in this videos, and how to step by step to let you know what is type, how to basic typography, what is different style font and more. This super helpful for beginner. -
hey, im satisfied with your free course and now I have good knowledge about Typography. Thanks a Lot
-
I am pleased to say that I have been exposed to a course like this for the first time, in a way that makes it feel as I'm not totally new to it. This is because of the manner in which the topics are presented with clarity. It wasn't complicated at all. I am grateful for the opportunity to learn and I will make the best of the knowledge that have been made available to me.
