Typography, Colors and Layout Master Class for Designers and Developers (Bundle of 3 Courses)
Become confident about using Typography with power in your UI and Web Design, how to select and pair fonts is the biggest problem
Watch Promo
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
- Learn Google Android Typography, its scale and its SP unit of type
- 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)
- You must know how to use any Design Tool like Figma, Sketch, XD or Photoshop
Take this course now and I will see you inside the course
Your Instructor
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.
I love to simplify things about UX and UI Design when I teach to make it easier for my students
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
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
Course Curriculum
-
StartIntro to Typography Course (4:40)
-
StartHow this course is laid out (2:02)
-
StartWhat are font families (5:09)
-
StartTypography Anatomy and Terms (6:36)
-
StartHumanist (Old) and Transitional Typefaces (6:45)
-
StartSans Serif and Script Typefaces (5:34)
-
StartLine Length in Typography (3:14)
-
StartAlignments of your text (4:55)
-
StartLine-height Matters (6:39)
-
StartKerning/ Letter Spacing (4:47)
-
StartTracking in Typography (8:56)
-
StartExercise All we have learned so far (10:58)
-
StartDownload Typography Resources and Design Files
-
StartRoles of Typefaces (4:37)
-
StartTypography Scales (3:00)
-
StartType Hierarchy Online Tools (5:28)
-
StartExpanding Type Scales (6:56)
-
StartHow many levels of Type Hierarchy (3:13)
-
StartVertical Rhythm (5:13)
-
StartVertical Rhythm in Photoshop (7:02)
-
StartExercise Vertical Rhythm (12:04)
-
StartCreating Modular Grid (11:07)
Frequently Asked Questions
Thanks a lot for taking this Typography Class with me