Last UPDATED on → 13th Dec 2016
3 New Lectures Added: Userable Dribbble styled Website Design
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
Take Away For Developers :-
So if you really want to step ahead of your fellow Designers & want to get out of the crowd.
Requirements to take this Course :-
Take this course now and I will see you inside the course
Just a good introduction on how to use Udemy video controls and course content so you get full benefit of this course
In this lesson, we will see why Typography is important for Web Design and Mobile App Design. Also what answers this course is going to provide to designers and developers about Typography
In this lesson, we will learn about fonts, font families and about Font styles. Every designer should know these basics so don't skip them
In this lesson, we will learn about Anatomy of Type, few terms that every designer should know about Typography
I have shared few online resources to learn more in depth about Typography Terms and Antomay
I will show you few parts (in BLUE COLOR) of fonts and you need to tell the name of that Typography Term
In this lesson, we will learn 3 basic classes of Type: Humanist, Old and Transitional Type and examples of those Type classes. The main problem solved here is how to differentiate between different Classes of Type
In this lesson, we will learn Modern classes of Type: Bodoni, Slab Serif, Sans-Serif, Script and few more extras like Humanist Sans serif and Geometric Sans Serif with Examples
Few more in depth resources to learn more about Type Classficiation
I will give you hints with an image of font and you will guess what class of font i have used
Line length is important in readability so we will learn what is the Optimal line length for Web and Mobile and how we should handle it
A lot of designers don't know how to properly use left, right , center and justified alignment of text so in this lesson we will learn how and when to use Text Alignment properly for Web Design or App Design
Line-spacing (Line height or Leading) is one of the major factors when it comes to readable text so in this lesson we will cover how to use and set the optimal Leading for headings or paragraphs using Photoshop
When to use tight Kerning and when to use loose Kerning? This lecture answers both question and how to do it using Photoshop.
Lets see how much do you know about what i taught you in this section about the basics of Typography
In this lesson, we will use line-height, line length and all the things we have learned to create an awesome Dribbble quality blog article page using Photoshop. So lets get started!
In this lesson, you will learn how to properly use hyphen, en and em dash in your web design or development projects. I will show you the shortcut keys in Photoshop for en and em dashes too
In this lesson, you will know how to use proper curly quotes while designing and also what does straight quotes actually mean in good Typography
In this lesson, we will learn why some Fonts are meant for just Headings and some should only be used for paragraphs or body text
In this lesson, we will learn how Typographic Scales work, and how we calculate the size of Headings and Paragraph text for Web Design
You will learn 3 great tools i use online to create Typography Scales and calculate the px, rem or em value of type scale. Or even grab the code automatically to get started
Answer to the question asked by a student. This is how we can expand our Typographic Scale to be used in all different device sizes.
Online tools i use throughout this site to generate Type Scales, line-height and baseline calculations
In this lesson, you will learn how many levels of Typographic Hierarchy do you really need. If you just need four headings levels then why create six instead
In this lesson, you will learn about Vertical Rhythm and vertical spacing and how to enhance your web design or mobile app design to next level using these techniques
You will learn how to apply vertical rhythm to a web or mobile app design using Photoshop
This exercise is really going to change the way you design Websites or Mobile Apps. We will apply Typographic scale and Vertical Rhythm along with Optimal line-length to upgrade our designs
In this lesson, we will learn how to use Modular Grid modules to design and layout Typography. This Grid practice can make your Web Design or Mobile App Design look awesome in no time.
In this lesson, we will prepare our Photoshop Canvas for Blog Design. You will learn how to size the canvas, how to use Baseline grid and Modular Grid... Also you will learn simple technique to balance your design
This is the first Design Iteration using Modular Grid for Blog Design and Layout. Just watch it patiently to upgrade your web design skills
This is the 2nd Design Iteration using Modular Grid for Blog Design and Layout. Just watch it patiently to upgrade your web design skills
Just a few more refined touches to the Blog Design in 2nd Iteration
This is the 3rd Design Iteration using Modular Grid for Blog Design and Layout. Just watch it patiently to upgrade your web design skills
First questions is that how many fonts do i need for my web design or my mobile app. Will it effect the loading speed of my web page? This lesson answer these questions
To be a great designer, you really need to train your gut or inner feeling for the Mood or voice of a Typeface (font). We will discuss various typography themes like Business, Fun, Fashion and Sports etc... to train our eyes for moods of various typefaces
How can we use colors to change the effect and mood of our Typeface? In this lesson, we are going to learn about it
We will learn all the basic principles of font pairing and what is the biggest rule of Font pairing
We will look at two most easiest methods of combining fonts with each other which even beginners and novices can master in no time
Matching fonts with similar features and one of them is x-height. We will learn how to match and pair fonts on the basis of their x-heights
How to use contrast in font pairing is not easy to learn? I will share one secret technique i found among 90% of fonts paired
We will workout how to look for similar features and similarities among fonts while pairing them. So don't miss it
If you try to combine too similar fonts, you will end up ruining your design so we will look at various examples and figure out how to avoid too much similarity among typefaces (fonts)
What are the online tools to master Font pairing and how to train your eyes, brain and gut for better font pairing
A list of online tools and websites to sharpen your font pairing skills. Few online games to match and pair fonts
We will see how to properly use Bold, italic or Capitalize to emphasize some portion of text. A lot of people use it in wrong manner. This can really improve your web design or mobile app design
These two techniques can make your boring text look great. We will also see some examples on how to combine and use them
Color is very powerful when combined with Typography so here we will see how to effectively use it and how many colors should we choose for highlighting text.
In a lot of Modern Web Design and even in Magazine design, you see Reverse colors Type a lot. Here we will cover how to use it with few examples
I will show you few situations and you are going to tell me the answers
First we will prepare our canvas for design, select our typographic scale, build modular grid and baseline grid. So this is how we start awesome design process
We will add few UI Design elements in this lesson, also you will learn few tips and steps for a great Web design
Here we will give finishing touches to our Tech company web design hero area, keep watching don't skip. You might miss a great tip in this exercise
In this lesson, i will show you what we need to create an awesome website Dribbble styled design with some business tech elegant theme
In this lesson, you will learn my technique on using straight and technology styled fonts effectively and how to use Font Match feature of Photoshop CC2017
In this lesson, you will learn how i used modules and spacial areas to adjust white space in between design elements.
You will also learn what effect does a good margin have on our final web design
In this lecture, we will look at the fonts and patterns used in this social media ad design exercise. Please Download the resources and fonts before starting this exercise
Download links to all the fonts and patterns used in this exercise
In this lecture, we will first prepare the base of the design or you can say the background elements of this social media design
In this lecture, we will add the styles and more details to our social media ad design.
I will show you in this lecture the final and fine tune adjustments to this Social Media ad design
In this lecture, we will create an orange based themed cut out typography effect in Photoshop. The end result will be a header for modern Health Blog or website. Also i will tell you why i selected those fonts for this exercise
In this part, we will choose type scale and also will create most of our Typography mix. Also learn few advanced Drop Shadow techniques that can be applied to text in Photoshop
This lesson is the final retouching and fine adjustments of your Fresh and Juicy Typography Design. Here we will adjust spaces, text sizes, few colors and alignments to get the best results
I started my Freelancing Career just 8 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.
In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca Cola and Project Managers from UK, I learned a lot in short period of time.
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 nationwide Poster Design competition from PANASONIC and won many Landing Page design contests.
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
Although I started as a UI Designer 6 years ago but I am playing with Photoshop since year 2002
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