Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
Good typography can add tremendous power to your design and your message, whether it is a print- or screen-based project, a still or motion graphic, a 3D or 2D graphic. This course explains good typographic practices, so that you can develop an "eye" for type and understand how to effectively use it. Author Ina Saltz explains type classifications (serif vs. sans serif, display type vs. text type), how type is measured, sized, and organized, and how spacing and alignment affect your design. She also explains how to use kerning, tracking, leading, and line length, and covers the history and current trends in typography. The course teaches the principles of legibility, readability, and compatibility, and how they should be considered when you're selecting and designing with type.
As a professor and critic of typographic design, I see a lot of the same mistakes made over and over again by beginners. I'd like to point them out and suggest some alternatives to make your type usage more professional. In some programs and with some older type file formats, it's possible to artificially create a bold or italic version of a font. It may seem like it saves time, but you will only get the correct italic or bold designed for the typeface by selecting them from the Font menu.
Remember to use Smart Quotes. Dumb Quotes, also called prime marks, may be used to indicate feet and inches, but for quotes and apostrophes be sure to use Smart Quotes, also known as curly quotes. I also see a lot of small type which is outlined by adding a stroke, but letter forms are distorted when a stroke is added. The stroke overlaps the shape of the type on both sides of its defined edges. It changes the outer shape of the type and the counter spaces get tight or fill-in.
It's okay to use large type with a thin stroke. This doesn't cause much of a problem because the proportion of the stroke is so tiny compared to the letter, but otherwise don't add strokes to small type. Here are some examples of what not to do. I took these pictures in my travels, but I'm not going to say where. On this menu board, by adding strokes to these letters, they are much harder to read. Although I'm sure that was not the intent. Another word to the wise, avoid stacking type.
The irregular widths of these letters create a rough edge on both sides of the type. The irregular spaces make it harder to read and our eye has to jump from one letter to the next, because we read from left to right not top to bottom. In this example, the longer the text, the worse the effect and stacked lowercase is the worst of all. Look how lonely that poor little I is in its narrow little space. With stacked upper and lower case, you can't create even spacing because of the varying heights of the ascenders, descenders, and caps.
Instead, look at this example from Kids Discover. In the headline charging particles, the type is oriented sideways. So there is a perfectly aligned baseline and cap height. If you have acronyms in your text, a good practice is to reduce them by a point or a point and a half, so they do not visually jump out of your text. Even better, use the font's small caps, if it has a set. The goal is to keep an even color within your text which aids readability.
The same goes for numbers. Use the set with varying heights or reduce the numbers exactly the same amount as the caps. Adding a bit of extra space between caps improves their appearance. Spacing out lowercase letters is not advisable. So to recap, use the proper bold and italic versions of your fonts. Don't add strokes to small type. Use Smart Quotes, not Dumb Quotes and avoid stacking type vertically. Do downsize acronyms and numbers to blend with the surrounding type.
Give extra space to caps, but not lowercase. These are some of the practices that will help you on your way to good type usage.
There are currently no FAQs about Foundations of Typography.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.