Typography for Designers & Developers - Don't suck at design (Udemy.com)

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

Created by: Muhammad Ahsan Pervaiz

Produced in 2020

icon
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 fo

icon
Quality Score

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 94 / 100

icon
Course Description

Last UPDATED on 05th April 2019
Added New Resources 33 Pre-made Font Combination for your Design Project
--------------------------------------------------------------------------------------------------------------------------------

Have you ever wondered that Why the designs of Dribbble and Behance looks so elegant. One of the secrets behind those great Web and Mobile App Designs is perfect use of Font Combinations, powerful usage of white space and grids.
To learn this Super Power of Typography and use of Time and Space, Take this course
This course 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 sizs
  • 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 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 courseWho this course is for:
  • 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

*Some courses are excluded from this sale. Coupon not working? If the link above doesn't drop prices, clear the cookies in your browser and then click this link here.
Also, you may need to apply the coupon code directly on the cart page to get the discount.

Coupon Code

icon
Instructor Details

Muhammad Ahsan Pervaiz

I started my Freelance Design Career 10 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca Cola.
In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.
Improved User Experience of UK GP Tools Mobile App, few Games and e-commerce websites and created new Design patterns for showing passwords safely in password fields

Worked from App Icon Design to App UI Design, from wire-frames, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects
I am multi-talented person who have won One Gold Medal, won a nation-wide Poster Design competition from PANASONIC and won many Landing Page design contests on 99designs.
Worked with Clients all over the world mostly from USA, Australia, UK, and United Arab Emirates while learning a lot on how to deal with clients while freelancing and how to present your work to them
Although I started as a UI Designer 8 years ago but I am playing with Photoshop since year 2002
My ultimate aim is to make more Awesome UI Designers and ease the pain of learning from new comers in this field of UI Design

icon
Reviews

4.7

50 total reviews

5 star 4 star 3 star 2 star 1 star
% Complete
% Complete
% Complete
% Complete
% Complete

Very informative course. To me, as a person who is just starting to get acquainted with the basics of the typography, all information is presented in an accessible, clear and understandable way. Thanks.

Ahsan does a terrific job at explaining everything clearly and really gets into the specifics, not just brief overviews of the concepts. Ahsan is always available to answer questions as well. Thanks!

It's really very informative. Important for every student of UI/UX.

This course was absolutely fantastic! One of the best, practical course on typography that I've taken. It's jam-packed with all types of goodies that seriously took my typographic skills to the next level. I particularly loved the sections on typographic scale, modular/vertical grids, layouts, and themes. All in all, It's perfect! This really is a solid resource filled with well explained, helpful information :) Thank you Muhammad Ahasn for putting this together... I really do appreciate it ^_^

This course will help you enhance your typography skills and the important part is I didn't know before this course. Now cleared my all doubts. Thanks a lot.

I miss manual subtitles for the videos. Automatic subtitles have so much errors.

Great course!!! I have learned lot of from the course. Its good to learn every designer before entering to the industry. In this master course, really helpful for typography designing. Ashan is great guider.

The best, I have learned so much from him. I would recommend the trainer with my eyes closed. His teaching style is top-notch.

always wondered about fonts. this course taught me many things. Instructor knows how to teach.

Loved all the explanations and examples given to help reinforce what the lesson was on. He gave more than one example as well which gave good understanding. He delved deeper into some topics which I thought was very useful and I feel this course gives you a good overview of a lot of things that can be applied to other aspects of design too! Many thanks! Great course.

I learnt new things.

I thought the first part of the course was excellent! The outside resources are very helpful. My only hesitation in this course rating is that when the instructor was showing examples, he seems unprepared. It could have been his way of teaching but I found it distracting.