Do you want to learn how to design the perfect type so your next web design project is going to as engaging as those perfect websites design out there?
Or maybe you have already went through a web typography course but it doesn’t involved practical design in a real world projects and now you don’t know how to start?
Do you know that typography is a single the most important aspect in web design?
If you want to get answers to all those questions and are willing to learn everything about typography design when you are on the right track!
This course is comprehensive with short and quick lectures which will look into typography in a practical way, without any boring theoretical and useless stuff you may have already learned just by googling about typography.
In this course you are going to learn everything you need to know about web typography, which includes:
You are going to get a course with all updates, free support and 30 day money guarantee period with no questions asked.
This course is comprehensive with a short and quick lessons which will look into typography in a practical way, without any boring theoretical and useless stuff you may have already learned just by googling about typography.
Course content is divided into 6 sections:
Wikipedia defines it as follow: Typography is the art and technique of arranging type to make written language readable and beautiful. Which is probably self-explanatory.
Now that we understand what typography is, let's talk about some of the terms used to describe its different elements.
And in this one you are going to learn typography rules and terms as a designer you absolutely need to know.
All typefaces are not created equally. Some are fat and wide; some are thin and narrow. So words set in different typefaces can take up a very different amount of space on the page.
leading is a vertical space between each line of type. But in consumer-oriented word processing software, this concept is usually referred to as "line spacing" or "interline spacing." So be aware of it.
Tracking affects the spacing between all the characters in a range of text. Or, in Adobe Photoshop, you can set on which character or individual words you want to set it.
Kerning is very similar to tracking: it adjust spaces between individual letters, but, it’s more specific.
Kerning is the adjustment of specific pairs of letters to improve spacing and fit.
The term 'measure' describes the width of a text block. If you're seeking to achieve the optimum reading experience, it's clearly an important consideration.
If all type was the same size, then it would be difficult to know which was the most important information on the page.
In this section we are going to learn 3 types of typefaces, which can be classified into: serifs, sans serifs and scripts.
In this lecture, you are going to learn all the styles included in serif type style. You are going to learn how to identify them, what parts are important and where to look at.
Sans Serifs are usually divided into four groups.
And lastly, there is script style, which has 3 main groups:
In this section you are going to learn super practical and super awesomely useful tips and tricks, how to pick the right font for your website or whatever product design you are working on
Choosing the right font for your project isn’t as hard as you might think.
Typefaces should and have personality or the general emotion.
Generally serif fonts are more traditional and ‘old style’ while sans serif typefaces are seen as modern and futuristic. However, these broad adjectives can easily be challenged with typefaces from both categories that defy such classification.
After you have gathered all information about your project target audience and what emotion it creates, now it’s the simple task. Really.
As I have mentioned before, in the previous lecture, if your typography is readable, which means that the people easily can see all the words, it’s simple, clean, clear then you are ahead of more than half of the website which are live online right now.
But what about other half? We need to make our font stand out.
We have talked about typography, fonts, typefaces and all that stuff which involves writing some kind of text and make it stand out and unique.
But it’s not all about the text itself.
Sometimes, heart wins over the rules and recommendations and process means nothing if it’s not worthy and you aren’t getting the desired results.
Web Fonts are fonts which are linked from another resource to your own web page, either it’s through HTML/CSS back-end or some CMS like Wordpress.
First of all, if you know a little bit of css and html, you may know that we need two required files: index and style.css. So let’s create them.
Learn how to install fonts into adobe photoshop
Unlike the desktop based websites, where you have a lot of room for type, for mobile devices you need to work with much smaller screens, plus mobile is often not measured by tradition point systems like it’s for desktops.
The key to any style of typography, and what it makes the perfect one, is readability.
The other factor to keep in mind is widths and there are two types to consider for mobile – vertical and horizontal.
When we are talking about mobile, we are talking about small screens. Yes, where are phablets, which screens are bigger, but they are not big enough like desktops or laptops.
Yes, most of the times, and probably all the times, you are not going to use serifs in your mobile projects. You are going to use sans serifs because they are really easy to read and it doesn’t affects usability.
To wrap up the whole course, we can make a conclusion that we have learned:
I am passionate mobile UX/UI designer and Front-End Developer who firmly believes that a well-designed apps are just as important as well-built apps. User experience design is all about creating relationships between the users and technology because users want more than "pretty" and full of features product. Users need to successfully complete their goals and certain tasks.
Since I do care about how the mobile application works and how it looks I also have over 5 years of experience in front-end development industry. My workflow involves going from initial app idea to the polished and well-developed app. I have developed and maintained various Android apps for clients and for my own projects.