Udemy

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

Enroll Now
  • 6,050 Students
  • Updated 12/2022
4.3
(720 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
8 Hour(s) 51 Minute(s)
Language
English
Taught by
Muhammad Ahsan Pervaiz
Rating
4.3
(720 Ratings)

Course Overview

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

Shift your boring designs to Dribbble level by learning Font Pairing, Web Typography, App Typography & Vertical Rhythm

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 Content

  • 14 section(s)
  • 89 lecture(s)
  • Section 1 Introduction to Typography
  • Section 2 More about Typography
  • Section 3 Typography Scales and Grids
  • Section 4 EXERCISES: Modular + Baseline Grid Design Ultimate Exericse
  • Section 5 How to Select Fonts?
  • Section 6 How to Pair Fonts?
  • Section 7 How to get Variation in text for Great Designs
  • Section 8 EXERCISES: Dribbble LEVEL Designs
  • Section 9 Exercise: Social Media Ad Design with 3 different fonts
  • Section 10 Nature Health Themed Typography Exercises
  • Section 11 Typography for Iphone and Android App Designs (Mobile App Typography)
  • Section 12 Typography for Web Developers
  • Section 13 Responsive Typography for Developers
  • Section 14 New and Latest in Typography

What You’ll 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


Reviews

  • A
    Access Fortaxe
    1.0

    The narration is way too poor, also the explanation too.

  • A
    Anuradha Pal Ghosh
    5.0

    Good One

  • C
    Colin Williams
    4.0

    It was a great course, but I feel like the CC part wasn't so well defined and it should have more typography exercises in general. They were too similar to one another.

  • A
    Adnan Lakhani
    5.0

    Packed with valuable information that's very easy to follow along with. For someone like me who is self-taught this has helped me improve my web design and overall designs tremendously. I highly encourage anyone who wants to improve their design work to take this course. It has information for beginners all the way to those that are fairly experienced and just want a refresher. I highly recommend this course.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed