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

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books