L·All Concepts
29
L

Legibility

Can you read it?

1 min read·Community

Legibility is the measure of how easily individual characters can be distinguished from one another — the bedrock condition that must be met before any higher typographic goal can be achieved.

The Thought

Legibility is distinct from readability, though the terms are often conflated. Legibility refers to the clarity of individual letterforms — whether a lowercase "l" can be distinguished from a capital "I" and the digit "1"; whether the apertures of "c" and "e" are open enough to differentiate them at small sizes. Readability refers to how comfortable a body of text is to read over time — a product of legibility, leading, column width, contrast, and many other factors.

The factors that make a typeface legible are architectural: generous x-height (the height of lowercase letters relative to capitals), open apertures (the openings in letters like "c", "e", "a"), clear differentiation between similar letterforms (1, l, I; 0, O; u, n), and appropriate stroke contrast. These are design decisions made by type designers; the product designer's role is to choose typefaces appropriate to the task and the size at which they will appear.

Legibility degrades at small sizes, low contrast, and high noise. Text set at 10px on a mid-grey background over a textured image is a legibility failure in three dimensions simultaneously. The increasing resolution of screens (retina, OLED) has helped, but it has also created overconfidence: designers who work at 2x resolution forget that many users still see 1x. Legibility must be tested at the actual resolution and contrast of the target device.

Key Principles
  1. 01

    Choose typefaces with high x-height and open apertures for screen text.

  2. 02

    Test legibility at the actual size and resolution of the target device.

  3. 03

    Legibility is the precondition; readability is the achievement.

  4. 04

    Similar letterform differentiation (I, l, 1) matters most in data-dense contexts.

  5. 05

    Low contrast is the most common and most avoidable legibility failure in digital design.

Related