Typography for designers & developers online course

Course Outline

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

Take Away For Designers:

• 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 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

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 2015 or latest version

What am I going to get from this course?

• 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

What is the 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

Need to train your Team? Contact Us for Discounts on Multiple Subscription Purchases.