Typography for Designers & Developers - Don't suck at design

BY
Udemy

Mode

Online

Fees

₹ 449 2899

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course and certificate fees

Fees information
₹ 449  ₹2,899
certificate availability

Yes

certificate providing authority

Udemy

The syllabus

Introduction to Typography

  • Intro to Typography Course?
  • How this course has been laid out → Headshot video
  • What are Fonts, Font Families and Font Styles
  • Typography Terms & Anatomy
  • Resources for Typography Terms & Anatomy
  • Quiz : Typography Anatomy Test
  • Type Classification - Old and Transitional
  • Type Classification - Modern, Sans-serif, Script
  • Resources for Type Classficiation
  • Quiz - Identify Font Classes
  • Optimal Line-Length for Web and Mobile
  • Which text alignment for what purpose ?
  • Line-Height (Leading)
  • Letter Spacing (Kerning)
  • Tracking in Typography
  • Quiz - Basics of Typography
  • EXERCISE: Designing Awesome Article Page in Photoshop

More about Typography

  • Hyphen, en & em dash usage → Student Request Lecture
  • Using Quotation marks properly → Student Request Lecture

Typography Scales and Grids

  • Roles of Typefaces
  • Typographic Scales for hierarchy
  • Online Tools for Typographic Scales
  • Student Question → How to extend Modular Scale to apply in Responsive Design
  • Resources for Type Scale
  • How many Levels of Typographic Hierarchy do I need?
  • Vertical Rhythm and Spacing
  • Vertical Rhythm in Adobe Photoshop
  • DESIGN Exercise: Typographic Scales, Making and Breaking Vertical Rhythm
  • Using Modular Grid for Designing Web, Mobile Layout

Exercises: Modular + Baseline Grid Design Ultimate Exericse

  • Preparing Modular And Baseline Grid In Photoshop
  • Blog Design: 1st Design With Modular Grid
  • Blog Design: 2nd Design Iteration With Modular Grid
  • Blog Design: 2nd Design Refinements
  • Blog Design: 3rd Design Layout With Modular Grid
  • Blog Post Design Challenge Using Vertical Rhythm And Modular Grid

How To Select Fonts?

  • How Many Fonts To Select?
  • Training Your Eye For Moods Or Voice Of Typefaces
  • Effect Of Color On Typeface Mood (Voice)
  • How I Experiment And Select My Typefaces?

How To Pair Fonts?

  • Basic Principles Of Font Pairing
  • Pairing Fonts From Same Designer + Using Mega Font Families
  • Matching Fonts With X-Height
  • Using Contrast To Pair Fonts
  • Look For Similar Features While Font Pairing
  • Avoid Too Much Similarity Between Fonts
  • Online Tools For Font Pairing
  • Resources For Font Pairing
  • Download 33 Typeface Combos Kit To Start Your Designs

How To Get Variation In Text For Great Designs

  • Using Bold, Italic & Capitalize For Variation In Type
  • Variation Using Line-Height And Letter-Spacing
  • Variation Using Colors In Type
  • Variation Using Reverse Colors In Type
  • Quiz - Variation In Type

Exercises: Dribbble Level Designs

  • Tech Company Web Design (Preperations)
  • Tech Company Web Design (Part 1)
  • Tech Company Web Design (Part 2)
  • Userable Web Design Intro (Preperations)
  • Userable Web Design (Part 1) → Chainging Fonts To Change Theme
  • Userable Web Design (Part 2) → Spacing & White Space Fine Tuning

Exercise: Social Media Ad Design With 3 Different Fonts

  • Exercise: Social Media Ad → Gathering Resources
  • Exercise Fonts And Resources Links
  • Exercise: Social Media Ad Design → Part 1
  • Exercise: Social Media Ad Design → Part 2
  • Exercise: Social Media Ad Design → Final Touches

Nature Health Themed Typography Exercises

  • Fresh & Juicy Design Exercise - Preperations
  • Exercise Fonts And Resources Links
  • Fresh & Juicy Design Exercise - Part 1
  • Fresh & Juicy Design Exercise - Part 2

Typography For Iphone And Android App Designs (Mobile App Typography)

  • Ios Typography (Typefaces, Type Scale And Usage)
  • Resources For Ios App Design (Typography)
  • Student Question: 1x And 2x Resolution Ios Font Sizing Problems
  • Google Material Typography (4dp Grid, Type Scale And Usage)
  • Resources For Android App Design (Typography)
  • Responsive Web Typography (Different Type Scales For Different Screens)

Typography For Web Developers

  • Using Google Fonts: Pros And Cons
  • Using Premium Fonts: Pros And Cons With Guide To Purchasing Them
  • Introduction To Css Font-Size Units
  • What Is "Em" Font-Size Unit?
  • What Is "Percentage %" Font-Size?
  • What Is "Vw" Font-Size?
  • What Is "Rem" Font Size?
  • How Vertical Rhythm Works In Css?
  • Code Exercise: Using Vertical Rhythm With Gridlover Tool
  • Vertical Rhythm & Typography Scales With Boostrap
  • Dont Use Typescale Online Tool (Use Gridlover Instead)

Responsive Typography For Developers

  • Responsive Typograhy Introduction
  • Percentage Font-Size For Responsive Typography
  • Different Typographic Scales For Responsive Typography
  • 100% Responsive Typographic Scale By Richardo Zea

New And Latest In Typography

  • What Are Color Fonts?
  • What Are Variable Fonts?
  • What To Do Next?
  • Bonus Lecture

Articles

Popular Articles

Latest Articles

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses