Typography For Designers & Developers - Dont Suck At Design Online Course

Typography for Designers & Developers - Dont suck at design

All levels
English

Course Description

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. In this course we will convert your boring designs to Dribbble level designs by learning

See more less

What you’ll learn

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 Gridv
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 methodc
Dribbble Styled Design Exercises to improve your designs
Dribbble Styled Design Exercises to improve your designs

Covering Topics

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

Curriculum

  Section 1 : Introduction to Typography
1
How to Watch the Course? Preview
2
Intro to Typography Course?
3
How this course has been laid out ? Headshot video
4
What are Fonts, Font Families and Font Styles
5
Typography Terms & Anatomy Preview
6
Type Classification - Old and Transitional
7
Type Classification - Modern, Sans-serif, Script
8
Optimal Line-Length for Web and Mobile
9
Which text alignment for what purpose ?
10
Line-Height (Leading)
11
Letter Spacing (Kerning)12
EXERCISE: Designing Awesome Article Page in Photoshop

  Section 2 : More about Typography
13
Hyphen, en & em dash usage ? Student Request Lecture
14
Using Quotation marks properly ? Student Request Lecture

  Section 3 : Typography Scales and Grids
15
Roles of Typefaces Preview
16
Typographic Scales for hierarchy
17
Online Tools for Typographic Scales
18
Student Question ? How to extend Modular Scale to apply in Responsive Design
19
How many Levels of Typographic Hierarchy do I need?
20
Vertical Rhythm and Spacing Preview
21
Vertical Rhythm in Adobe Photoshop
22
DESIGN Exercise: Typographic Scales, Making and Breaking Vertical Rhythm
23
Using Modular Grid for Designing Web, Mobile Layout

  Section 4 : EXERCISES: Modular + Baseline Grid Design Ultimate Exericse
24
Preparing Modular and Baseline Grid in Photoshop
25
Blog Design: 1st Design with Modular Grid
26
Blog Design: 2nd Design Iteration with Modular Grid
27
Blog Design: 2nd Design Refinements Preview
28
Blog Design: 3rd Design Layout with Modular Grid

  Section 5 : How to Select Fonts?
29
How many fonts to select?
30
Training your eye for Moods or Voice of Typefaces
31
Effect of Color on Typeface Mood (Voice)

  Section 6 : How to Pair Fonts?
32
Basic Principles of Font Pairing Preview
33
Pairing fonts from Same Designer + Using Mega Font Families
34
Matching Fonts with X-Height
35
Using Contrast to Pair Fonts
36
Look for Similar Features while Font Pairing
37
Avoid too much similarity between Fonts
38
Online Tools for Font Pairing Preview

  Section 7 : How to get Variation in text for Great Designs
39
Using Bold, Italic & Capitalize for Variation in Type
40
Variation using Line-Height and Letter-Spacing
41
Variation using Colors in Type
42
Variation using Reverse Colors in Type

  Section 8 : EXERCISES: Dribbble LEVEL Designs
43
Tech Company Web Design (Preperations)
44
Tech Company Web Design (Part 1) Preview
45
Tech Company Web Design (Part 2)
46
Userable Web Design Intro (Preperations)
47
Userable Web Design (Part 1) ? Chainging Fonts to change theme
48
Userable Web Design (Part 2) ? Spacing & White space fine tuning

  Section 9 : Exercise: Social Media Ad Design with 3 different fonts
49
Exercise: Social Media Ad ? Gathering Resources
50
Exercise: Social Media Ad Design ? Part 1
51
Exercise: Social Media Ad Design ? Part 2
52
Exercise: Social Media Ad Design ? Final touches

  Section 10 : Nature Health Themed Typography Exercises
53
Fresh & Juicy Design Exercise - Preperations
54
Fresh & Juicy Design Exercise - Part 1
55
Fresh & Juicy Design Exercise - Part 2

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.