- 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
Online
₹ 449 3,399
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 ₹3,399
certificate availability
Yes
certificate providing authority
Udemy
The syllabus
Introduction to Typography
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