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.
I'm going to talk about three sets of opposing forces in typographic design. Understanding these forces will help you shape your viewer's perception. The three examples that we'll talk about here are formality and informality, symmetry and asymmetry, and simplicity and complexity. We know the difference between formality and informality when we see it. You know that when someone's wearing a tuxedo they're going to a very different event than when they're wearing bermuda shorts.
Typographically speaking traditional Roman letters especially, caps indicate formality and solidity. They are the typographic equivalent of a tuxedo. And when something is centered or justified it adds to the formality. We have a sense of sobriety and calmness, seriousness, organization, balance, and purpose. In contrast the informal effect here is achieved with a whimsical mix of upper and lower case letters a chunky slab serif, bright colors, asymmetrically arranged blocks of text and lively imagery.
The next set of opposing forces are symmetry and asymmetry. Symmetrical typography conveys formality. In this cover for the Oxford English dictionary we see an almost completely symmetrical arrangement of type using traditional Roman letterforms, this conveys a sense of quiet authority and trustworthiness. In contrast the asymmetrical arrangement and the modern sans serif type on this book cover convey energy and excitement.
The bright primary colors contribute to the edgy effect. The large separations between the words of the title force the reader to leap from word to word, again creating a sense of action. Another pair of opposites I'd like to talk about are simplicity and complexity. Simplicity can be very powerful, even though it is simple. On this package we immediately feel a sense of calmness it uses simple sans serif typefaces, the colors are soothing and natural, and there is a lot of room to breathe around the type.
Complexity can also be powerful, a complex arrangement of type requires a finely tuned typographic hierarchy. This package is a good example of a well designed and tightly constructed composition, which allows our eyes and our minds to make sense of its message, its imagery and type fill the surface from edge to edge, its intense but organized. The use of historical type and imagery convey a sense of authority and tradition. These examples of dueling design approaches formality and informality, symmetry and asymmetry, and simplicity and complexity are ideas that you can apply to your own projects.
There are other kinds of opposing forces, but these are a few to get you thinking and to help you stretch your design muscles.
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.