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

Created by: Muhammad Ahsan Pervaiz
Product Designer | UX Consultant | Web Developer

What Will I 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

Requirements

• Must have good knowledge of Adobe Photoshop (For Designers)
• Must know HTML and CSS (For Developers)
• Download and Install Adobe Photoshop Latest version

Target audience

• 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