Dive into a comprehensive tutorial on typography tailored for developers. Learn the fundamentals of creating effective typography as a UX Designer, including typeface selection, layout techniques, establishing typographic hierarchy, and implementing responsive typography. Explore the differences between typography and lettering, typefaces and fonts, and how typography impacts user experience. Discover various typeface elements, genres, and sub-genres, including serifs, sans-serifs, and scripts. Compare print and digital design considerations, understand fixed vs. fluid layouts, and gain insights on helping clients appreciate the value of quality fonts. Master the process of choosing and using typefaces, installing fonts, and working with different font formats. Delve into the nuances of text and display typefaces, font weights, styles, and sizes. Apply your newfound knowledge in a hands-on design project using Figma. Developed by Hope Armstrong, this course offers a deep dive into typography essentials for developers seeking to enhance their design skills.
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.4 rating, based on 15 Class Central reviews
-
I recently completed the online typography course, and it's been a transformative experience for my design work. As a beginner, I was initially hesitant to dive into typography, but this course expertly broke down complex concepts into engaging, e…
-
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.
-
Pratik ThapaI recently completed a typography course, and it was a game-changer for my design work. The course provided a deep dive into the principles and history of typography, helping me understand not just how to choose fonts but why certain typefaces work… -
NANDHAKUMAR AThis course covers various aspects of typography, including typeface vs font, serif and sans-serif types, text contrast, font formats, and design projects using Figma. It’s divided into 29 sections, each focusing on different elements of typography. -
Diaz RasyidPenjelasan yang baik untuk membahas sebuah pelajaran tentang typhography, awalnya memang baik aku suka penjelasannya dan terima kasih karna sudah membantuku untuk memahami tentang hal yang bisa dibilang mendasar -
Had an excellent session on the whole concept of typography. It covered almost every part and also gained knowledge of almost every language that is used in the world of type in design.
-
This course is very instresting for desining students it's helps us for better understanding of designing I love this course and also I hope this will definitely help me in future
-
Lissinet ParradoLearned all the basics! Great work. The only feedback that would be appreciated would be that it would be nice for the videos to have the options for captions. -
I now have a better understanding of how typography works!
from the classifications, types and breakdown, to contrasting, how it works.
Thanks. -
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.
-
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.
-
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
-
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
