Slide 3

Latest Updates

In a world of infinite possibilities, Ability is everything. We develop Website & Mobile app for Business.

Typography for Designers - Full Course from Treehouse

Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create

Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create typographic hierarchy, laying out type, and creating responsive typography.

✏️ This course was developed by Hope Armstrong. Hope is a Senior Product Designer at Treehouse.

Join Treehouse to access more great courses: https://join.teamtreehouse.com/treehouse-new-student/

⭐️ Course Contents ⭐️

???? Thanks to JM G for creating these time codes.

⌨️ (0:00) Introduction: What is Typography?

⌨️ (4:11) Typography vs Lettering

⌨️ (4:58) Typeface vs Font

⌨️ (5:57) How Typography Affects User Experience (UX)

⌨️ (10:06) Elements of TypeFace

⌨️ (12:40) Serifs

⌨️ (13:20) Sans-serifs (Without serifs)

⌨️ (13:28) Letterform Contrast

⌨️ (13:54) Text Contrast in Comparison to the Background

⌨️ (14:40) Text Color Contrast

⌨️ (16:27) Typeface Genres (Types of Typefaces)

⌨️ (17:46) Serif Sub-genres

⌨️ (20:54) Sans-serifs Sub-genres

⌨️ (23:25) Scripts

⌨️ (24:39) Print Design vs Digital Design

⌨️ (27:00) Help Clients Understand the Benefit of Good Fonts

⌨️ (29:05) Fixed vs Fluid Layouts

⌨️ (30:28) Choosing and Using Typefaces

⌨️ (31:41) Installing Fonts

⌨️ (32:15) A word on Font Formats

⌨️ (34:45) Choosing a Text Typface

⌨️ (37:12) Counters (Enclosed whitespace in Text)

⌨️ (38:20) Typeface 'Mood' Matching the Content

⌨️ (41:37) Choosing a Display Typeface

⌨️ (46:35) Translating Text Typeface to Display Typeface

⌨️ (48:08) Weight, Styles & Sizes

⌨️ (48:33) Faux Bold & Italics vs True Bold & Italics

⌨️ (51:34) Font Weighting & Styles

⌨️ (53:14) Design Project using Figma

(More time codes to come.)

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Slide
From a small room table to large meeting rooms

We’re working with companies of all sizes ranging from startups to large scale business industries! We have extensive experience working with companies in Canada, USA and global to help them build a great website and effectively improve their ROI.

Slide
wordpress-development-toronto
Joomla-web-development-toronto
magento-web-development-toronto
shopify-web-development-toronto
html-web-development-toronto
Drupal-Web-Development-toronto
square space web development toronto
Contact
Image is not available
We'd love to hear from you.

We’re accepting new projects and would love to hear about yours. Got a question? Let's chat!

Glass Button
Request a Call
Glass Button
Chat Now
Copyright © 2007 – 2025 All rights reserved. Website Design & Web Development Company Located in Toronto, Ontario, Canada.
Can i get all in package?

Yes for your convenience we have premade different packages which includes Logo design, Branding, Hosting, And different types of website.

Request a Call