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

Typography for Designers & Developers – Don't suck at design, available at $69.99, has an average rating of 4.3, with 89 lectures, 4 quizzes, based on 699 reviews, and has 5921 subscribers.

You will learn about Create elegant web & Mobile app design by selecting and pairing meaningful fonts How to use white space effectively by using Vertical Rhythm and Modular Grid Dramatically improve your boring designs with Modular Grid & Baseline Grid Learn about Typography Classes and Anatomy Learn about how to use line-height and letter spacing effectively Learn about IOS App Typography and understand different IPhone Screen siz Learn Google Android Typography, its scale and its SP unit of type How to connect your Photoshop Screen to IPhone or Android Device How to balance your design using LEGO Blocks method Step by Step coding exercises to apply Baseline Grid for Developers How to show baseline grid in HTML page with just one line of code for Developers How to use padding, margins and other elements to create Vertical Rhythm in CSS for Developers How to use Vertical Rhythm in Bootstrap for Developers Learn when to use em, rem, vm or % font-size units for Developers How to set up Typography Scale using online tools easily for Developers This course is ideal for individuals who are NOT for Novices (Must have some Photoshop Experience) or Web Designers or Mobile App Designers or All Designers who think their design have something missing or Web Developers or Graphic Designer It is particularly useful for NOT for Novices (Must have some Photoshop Experience) or Web Designers or Mobile App Designers or All Designers who think their design have something missing or Web Developers or Graphic Designer.

Enroll now: Typography for Designers & Developers – Don't suck at design

Summary

Title: Typography for Designers & Developers – Don't suck at design

Price: $69.99

Average Rating: 4.3

Number of Lectures: 89

Number of Quizzes: 4

Number of Published Lectures: 89

Number of Published Quizzes: 4

Number of Curriculum Items: 94

Number of Published Curriculum Objects: 94

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will Learn

Create elegant web & Mobile app design by selecting and pairing meaningful fonts
How to use white space effectively by using Vertical Rhythm and Modular Grid
Dramatically improve your boring designs with Modular Grid & Baseline Grid
Learn about Typography Classes and Anatomy
Learn about how to use line-height and letter spacing effectively
Learn about IOS App Typography and understand different IPhone Screen siz
Learn Google Android Typography, its scale and its SP unit of type
How to connect your Photoshop Screen to IPhone or Android Device
How to balance your design using LEGO Blocks method
Step by Step coding exercises to apply Baseline Grid for Developers
How to show baseline grid in HTML page with just one line of code for Developers
How to use padding, margins and other elements to create Vertical Rhythm in CSS for Developers
How to use Vertical Rhythm in Bootstrap for Developers
Learn when to use em, rem, vm or % font-size units for Developers
How to set up Typography Scale using online tools easily for Developers

Who Should Attend

NOT for Novices (Must have some Photoshop Experience)
Web Designers
Mobile App Designers
All Designers who think their design have something missing
Web Developers
Graphic Designer

Target Audiences

NOT for Novices (Must have some Photoshop Experience)
Web Designers
Mobile App Designers
All Designers who think their design have something missing
Web Developers
Graphic Designer

Last UPDATED on → 25th September 2020

Added New Resources → 3 New Lectures about Mobile Typography

——————————————————————————————————————————–

Have you ever wondered that Why the designs of Dribbble and Behance look so elegant? One of the secrets behind those great Web and Mobile App Designs is the perfect use of Font Combinations, powerful usage of white space, and grids.

To learn this Super Power of Typography and the use of Time and Space, Take this course

This course’s main focus is on Typography for Designers and Developers. All great designers possess the skill of Typography and their usage of white space is always out class.

Take Away For Designers:-

In this course, we will convert your boring designs to Dribbble level designs by learning

Basics of Typography Classes and Anatomy
Learn how to make your text look interesting by using variation techniques
Create elegant web & Mobile app design by selecting and pairing meaningful fonts
How different Moods or Voices of Fonts works
Master Font pairing and learn tons of online resources to automatically pair fonts
How to use white space effectively by using Vertical Rhythm and Modular Grid
Learn about IOS App Typography and understand different iPhone Screen sizes
Learn Google Android Typography, its scale, and its SP unit of type
Use Free Apps to connect your Photoshop Screen to iPhone or Android Device
How to balance your design using the LEGO Blocks method
Dribbble Styled Design Exercises to improve your designs

Take Away For Developers:-

How to use padding, margins, and other elements to create Vertical Rhythm in CSS
How to use Vertical Rhythm in Bootstrap
What are absolute & relative font-size units e.g em, rem, VM, %, and when to use them?
Step by Step coding exercises to apply Baseline Grid for Developers
How to show baseline grid in HTML page with just one line of code
What font sizes are best standards as Base font Size
How to set up Typography Scale using online tools easily
A lot of quizzes to test your knowledge

So if you really want to step ahead of your fellow Designers & want to get out of the crowd.

Requirements to take this Course:-

Must have good knowledge of Adobe Photoshop (For Designers)

Must know HTML and CSS (For Developers)
Download and Install Adobe Photoshop CC latest version

Take this course now and I will see you inside the course

Course Curriculum

Chapter 1: Introduction to Typography

Lecture 1: Intro to Typography Course?

Lecture 2: How this course has been laid out → Headshot video

Lecture 3: What are Fonts, Font Families and Font Styles

Lecture 4: Typography Terms & Anatomy

Lecture 5: Resources for Typography Terms & Anatomy

Lecture 6: Type Classification – Old and Transitional

Lecture 7: Type Classification – Modern, Sans-serif, Script

Lecture 8: Resources for Type Classficiation

Lecture 9: Optimal Line-Length for Web and Mobile

Lecture 10: Which text alignment for what purpose ?

Lecture 11: Line-Height (Leading)

Lecture 12: Letter Spacing (Kerning)

Lecture 13: Tracking in Typography

Lecture 14: EXERCISE: Designing Awesome Article Page in Photoshop

Lecture 15: Download Source Files and PDF Notes

Chapter 2: More about Typography

Lecture 1: Hyphen, en & em dash usage → Student Request Lecture

Lecture 2: Using Quotation marks properly → Student Request Lecture

Chapter 3: Typography Scales and Grids

Lecture 1: Roles of Typefaces

Lecture 2: Typographic Scales for hierarchy

Lecture 3: Online Tools for Typographic Scales

Lecture 4: Student Question → How to extend Modular Scale to apply in Responsive Design

Lecture 5: Resources for Type Scale

Lecture 6: How many Levels of Typographic Hierarchy do I need?

Lecture 7: Vertical Rhythm and Spacing

Lecture 8: Vertical Rhythm in Adobe Photoshop

Lecture 9: DESIGN Exercise: Typographic Scales, Making and Breaking Vertical Rhythm

Lecture 10: Using Modular Grid for Designing Web, Mobile Layout

Chapter 4: EXERCISES: Modular + Baseline Grid Design Ultimate Exericse

Lecture 1: Preparing Modular and Baseline Grid in Photoshop

Lecture 2: Blog Design: 1st Design with Modular Grid

Lecture 3: Blog Design: 2nd Design Iteration with Modular Grid

Lecture 4: Blog Design: 2nd Design Refinements

Lecture 5: Blog Design: 3rd Design Layout with Modular Grid

Chapter 5: How to Select Fonts?

Lecture 1: How many fonts to select?

Lecture 2: Training your eye for Moods or Voice of Typefaces

Lecture 3: Effect of Color on Typeface Mood (Voice)

Lecture 4: How I experiment and select my typefaces?

Chapter 6: How to Pair Fonts?

Lecture 1: Basic Principles of Font Pairing

Lecture 2: Pairing fonts from Same Designer + Using Mega Font Families

Lecture 3: Matching Fonts with X-Height

Lecture 4: Using Contrast to Pair Fonts

Lecture 5: Look for Similar Features while Font Pairing

Lecture 6: Avoid too much similarity between Fonts

Lecture 7: Online Tools for Font Pairing

Lecture 8: Resources for Font Pairing

Lecture 9: Download 33 Typeface Combos Kit to start your Designs

Chapter 7: How to get Variation in text for Great Designs

Lecture 1: Using Bold, Italic & Capitalize for Variation in Type

Lecture 2: Variation using Line-Height and Letter-Spacing

Lecture 3: Variation using Colors in Type

Lecture 4: Variation using Reverse Colors in Type

Chapter 8: EXERCISES: Dribbble LEVEL Designs

Lecture 1: Tech Company Web Design (Preperations)

Lecture 2: Tech Company Web Design (Part 1)

Lecture 3: Tech Company Web Design (Part 2)

Lecture 4: Userable Web Design Intro (Preperations)

Lecture 5: Userable Web Design (Part 1) → Chainging Fonts to change theme

Lecture 6: Userable Web Design (Part 2) → Spacing & White space fine tuning

Chapter 9: Exercise: Social Media Ad Design with 3 different fonts

Lecture 1: Exercise: Social Media Ad → Gathering Resources

Lecture 2: Exercise fonts and resources links

Lecture 3: Exercise: Social Media Ad Design → Part 1

Lecture 4: Exercise: Social Media Ad Design → Part 2

Lecture 5: Exercise: Social Media Ad Design → Final touches

Chapter 10: Nature Health Themed Typography Exercises

Lecture 1: Fresh & Juicy Design Exercise – Preperations

Lecture 2: Exercise fonts and resources links

Lecture 3: Fresh & Juicy Design Exercise – Part 1

Lecture 4: Fresh & Juicy Design Exercise – Part 2

Chapter 11: Typography for Iphone and Android App Designs (Mobile App Typography)

Lecture 1: IOS Typography (Typefaces, Type Scale and Usage)

Lecture 2: Resources for IOS App Design (Typography)

Lecture 3: Student Question: 1X and 2X Resolution IOS Font Sizing Problems

Lecture 4: Google Material Typography (4dp Grid, Type Scale and Usage)

Lecture 5: Resources for Android App Design (Typography)

Lecture 6: Responsive Web Typography (Different Type Scales for Different Screens)

Chapter 12: Typography for Web Developers

Lecture 1: Using Google fonts: Pros and Cons

Lecture 2: Using Premium Fonts: Pros and Cons with guide to purchasing them

Lecture 3: Introduction to CSS font-size units

Lecture 4: What is "em" font-size unit?

Lecture 5: What is "Percentage %" font-size?

Lecture 6: What is "VW" font-size?

Lecture 7: What is "rem" font size?

Lecture 8: How Vertical Rhythm works in CSS?

Lecture 9: CODE Exercise: Using Vertical Rhythm with Gridlover tool

Lecture 10: Vertical Rhythm & Typography Scales with Boostrap

Lecture 11: Dont use TypeScale Online tool (use gridlover instead)

Chapter 13: Responsive Typography for Developers

Lecture 1: Responsive Typograhy Introduction

Instructors

Muhammad Ahsan Pervaiz
Product Designer | UX Consultant | Web Developer

Rating Distribution

1 stars: 10 votes
2 stars: 20 votes
3 stars: 89 votes
4 stars: 203 votes
5 stars: 377 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu