Type anatomy (Part 3)
Explore the finer details of typefaces, focusing on their anatomy and their significance in design
Understanding type anatomy is essential for both graphic designers and UX designers. As graphic designers, knowing the anatomy of type helps create visually appealing compositions and convey messages effectively. It allows designers to make informed decisions when selecting typefaces that align with the project's goals and aesthetic vision.
For UX designers, type anatomy plays a crucial role in shaping user experiences. By understanding the differences in type anatomy, designers can leverage the nuances of different typefaces to evoke specific emotions, establish brand personality, and guide users' visual journey. Whether it's creating a sense of elegance and sophistication or conveying a friendly and approachable tone, the anatomy of typefaces influences the mood and overall impact of the design.
Building upon the knowledge gained in the previous lessons on type anatomy, we will explore the finer details of typefaces, focusing on their anatomy and their significance in design.
The ascender is the vertical stroke found on lowercase letters (b, d, f, h, k, l, t) that extends above the typeface's x-height.[1] The invisible line that marks the height of all ascenders in a given
The height of the ascenders is one of the prominent characteristics that identify typefaces. The ascenders of some typefaces are quite long and may touch or almost touch letters in the line above while affecting readability. To fix this issue, you can:
- Increase the leading (line spacing)
- Re-word problematic phrases
- Change the typeface
- Re-align the text[2]
Pro Tip: Avoid high-ascended typefaces when you're limited in terms of space.
The invisible line that marks the height of all ascenders in a given
A cross stroke is a horizontal line that intersects the stem of a lowercase t or f. Although it can be used interchangeably with the arm, the cross stroke is different because it crosses over the stem.
Variations in the placement, thickness, and slope of the cross stroke are distinguishing characteristics of many type designs.
The descender is the part of a lowercase letter that extends below the baseline.[3] Letters g, j, q, p, y, and sometimes f have such "tails," and the lowest parts are marked by an invisible line — the descender line.
Like ascenders, descenders can be too large and crash with ascenders of letters below. To fix this, you can either find synonyms that don't possess ascenders or descenders or adjust line spacing.
Pro Tip: Some typefaces contain descenders on numerals that can add retro styling to your design.
Like the
The distance between the descender line and baseline — an imaginary horizontal line one which all
The tittle, also known as the dot, is a small distinguishing mark that sits above a lowercase i or j. It's quite a meaningful part of type anatomy that helps readers recognize letters.
The first appearance of the tittle dates back to the beginning of the 11th century where it was used to define the neighboring letters i and j in Latin manuscripts. That time, the dot didn't look like a dot at all. The first mark over the i in English books looked like an upside-down u or a crescent moon. In the late 1400s, as the Roman-style
A terminal is a straight or curved stroke that doesn't terminate in a serif. Usually, all sans serif
The vertex is the opposite of an apex. It defines the point where two strokes meet at the bottom of a character and can be found in letters V, v, or M. Remarkably, the lowercase and uppercase W/w represent both apex and vertex.
Don't confuse the vertex and crotch — the former marks the intersection of two lines, while the latter defines the inner area of an angle formed by these lines.
A ball terminal is a decorative form found at the end of a stroke. Compared to a serif, it generally has a circular shape.
In typography, the tail is the descending, often decorative stroke on the letter Q. Here's our trick to help you remember the term — think of the uppercase Q letter as a cat sitting with its back to you and its tail hanging off the baseline.
The tail also refers to the descending diagonal stroke on K or R. Depending on the
A teardrop terminal is a variation of a decorative terminal. It got its name due to its resemblance to an actual teardrop.
References
- Material Design | Material Design
- What's The Name For The Dot Over "i" And "j"? | Dictionary.com