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
Lectures -79
Resources -8
Duration -8.5 hours
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
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.
Who 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
Goals
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
Prerequisites
Must have good knowledge of Adobe Photoshop (For Designers)
Must know HTML and CSS (For Developers)
Download and Install Adobe Photoshop Latest version
![Typography for Designers & Developers - Don't suck at design Typography for Designers & Developers - Don't suck at design](https://d3mxt5v3yxgcsr.cloudfront.net/courses/10043/course_10043_image.jpg)
Curriculum
Check out the detailed breakdown of what’s inside the course
Introduction to Typography
12 Lectures
-
Intro to Typography Course? 04:40 04:40
-
How this course has been laid out → Headshot video 02:02 02:02
-
What are Fonts, Font Families and Font Styles 05:09 05:09
-
Typography Terms & Anatomy 06:36 06:36
-
Type Classification - Old and Transitional 06:45 06:45
-
Type Classification - Modern, Sans-serif, Script 05:34 05:34
-
Optimal Line-Length for Web and Mobile 03:14 03:14
-
Which text alignment for what purpose ? 04:55 04:55
-
Line-Height (Leading) 06:39 06:39
-
Letter Spacing (Kerning) 04:47 04:47
-
Tracking in Typography 08:56 08:56
-
EXERCISE: Designing Awesome Article Page in Photoshop 10:58 10:58
More about Typography
2 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Typography Scales and Grids
10 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
EXERCISES: Modular + Baseline Grid Design Ultimate Exericse
5 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
How to Select Fonts?
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
How to Pair Fonts?
8 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
How to get Variation in text for Great Designs
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
EXERCISES: Dribbble LEVEL Designs
6 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Exercise: Social Media Ad Design with 3 different fonts
4 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Nature Health Themed Typography Exercises
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Typography for IPhone and Android App Designs (Mobile App Typography)
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Typography for Web Developers
12 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Responsive Typography for Developers
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
New and Latest in Typography
3 Lectures
![Tutorialspoint](/market/public/assets/images/loader.gif)
Instructor Details
![Muhammad Ahsan Pervaiz](https://www.tutorialspoint.com/assets/profiles/469014/profile/200_2243404-1655368079.jpg)
Muhammad Ahsan Pervaiz
Course Certificate
Use your certificate to make a career change or to advance in your current career.
![sample Tutorialspoint certificate](/market/public/assets/newDesign/img/primePacks/V-certificate.png)
Our students work
with the Best
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfc bank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
![adobe logo](/market/public/assets/newDesign/img/adobe.png)
![adp logo](/market/public/assets/newDesign/img/adp.png)
![apple logo](/market/public/assets/newDesign/img/apple.png)
![armani logo](/market/public/assets/newDesign/img/armani.jpg)
![bosch logo](/market/public/assets/newDesign/img/bosch.png)
![capegemini logo](/market/public/assets/newDesign/img/capegemini.png)
![cisco logo](/market/public/assets/newDesign/img/cisco.png)
![hdfcbank logo](/market/public/assets/newDesign/img/hdfcbank.png)
![ibm logo](/market/public/assets/newDesign/img/ibm.png)
![intel logo](/market/public/assets/newDesign/img/intel.png)
![mastercard logo](/market/public/assets/newDesign/img/mastercard.png)
![netflix logo](/market/public/assets/newDesign/img/netflix.png)
![qualcomm logo](/market/public/assets/newDesign/img/qualcomm.png)
![samsung logo](/market/public/assets/newDesign/img/samsung.png)
![sony logo](/market/public/assets/newDesign/img/sony.png)
![unilever logo](/market/public/assets/newDesign/img/unilever.png)
![walmart logo](/market/public/assets/newDesign/img/walmart.png)
Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now![Annual Membership Annual Membership](/market/public/assets/newDesign/img/membership-large-small.jpg)
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now![Online Certifications Online Certifications](/market/public/assets/newDesign/img/traning-for-a-team.png)