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.
When I was a little girl first learning the alphabet, I remember daydreaming about the letters above the blackboard. The little A, the big A, the little B, the big B, I loved all the shapes of the letters. Each one seemed to have its own personality and story. In my imagination, the big B was someone struggling to carry two overflowing bags of groceries home from the store. The big I was a soldier standing at attention. The little S was a small child rolling in the grass, perhaps with a puppy.
We have known names of the letters since we were children, but the parts of those letters have names too. And the environment in which letters exist has its own descriptive language. This is useful knowledge for any design professional. It makes it easier to communicate about typefaces and their characteristics. It also helps to educate your eye about the differences between typefaces and to understand the underlying structure of a typeface. First, let's look at the little world where type lives in.
We say that type sits on a baseline. The next important term is based on the height of the lowercase X, that is called the X-height. Its Body width is the invisible boundary around the shape of the letter. The parts of the letters that rise above the X-height are called Ascenders. The parts that extend below the baseline are called Descenders. And together these are called Extenders. So the invisible boundaries of the Extenders are called the Ascender Line and the Descender Line.
The Cap height will vary based on the typeface. It might be the same as the Ascender Line or shorter. Now let's talk about letter parts. Remember, Serifs are the little feet or extensions that are the finishing strokes of the letterforms. Here are some other common names for the parts of letters. All the rounded letters have Bowls. Look at this B, the rounded part is called the Bowl. The tall vertical stroke is the Stem.
Strokes that extend from the stem are called Arms. We can see in an example on this E. A lot of the letters are like body parts. See how the Ear of the G sticks out like a real ear. Your Spine has a curve in it just like this S Spine. And just like your shoulder, the Shoulder on the M curves. The Leg extends to the baseline and at the base of the Leg is the Foot. Just like a cat's tail, the Tail of the Q often hangs below the baseline.
A Crossbar is a horizontal stroke in the middle of a letter like this one on the A. A Cross stroke crosses over a stem like this F. But on the E, we have what's called a Bar. Any enclosed space in a letter is called a Counterspace. On some letters, you'll see a Spur like a cowboy's spur on a boot. Over the J and the I, the dot in typographic terms is a Jot.
The end point of a letter is called the Terminal. And the Terminal of this F is also known as a Beak. The g has a nice Loop and a connecting stroke is called a Link. When two strokes come to a point like in this A, it's called an Apex. Here you can see the M has two Apexes. I also want to point out common names for the forms of the lowercase A and G. They can be single-story or double-story.
One more term relating to letter parts is Ligature. A Ligature is the connection between a specific pair of letters or in some instances, three letters. A ligature smoothes the connection to improve legibility. This might seem like a lot to learn, but it's useful to communicate using the same language as other design professionals. If you want to familiarize yourself with additional type terminology, you'll find resources in this course's exercise files. Most typed terminology makes commonsense.
The terms are pretty descriptive of how they appear. Did you notice how many of those terms are the names of parts of our bodies, which remind me how much like people, letters are, just as I daydreamed so long ago.
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.