Анатомия буквы
Буква — сложная структура, каждый элемент которой имеет название и функцию. Знание анатомии шрифта позволяет точно описывать шрифтовые характеристики, осознанно выбирать гарнитуры и понимать, почему одни шрифты читаются лучше других.
Основные структурные элементы
Основной штрих (stem) — вертикальный или наклонный прямолинейный штрих, образующий основу буквы. Например, вертикальные элементы букв «b», «d», «p».
Засечка (serif) — горизонтальный или угловой элемент, завершающий концы штрихов. Засечки появились в римских надписях как практический способ заканчивать штрих резцом. Шрифты с засечками называются антиквами (serif), без засечек — гротесками (sans-serif).
Апекс (apex) — точка, где сходятся два диагональных штриха вверху буквы (как в «А»). Характер апекса — острый, плоский, скруглённый — является значимым классификационным признаком гарнитуры.
Плечо (shoulder) — изогнутый штрих, выходящий из основного вертикального штриха (характерен для «h», «m», «n»).
Счётчик (counter) — замкнутое или частично замкнутое пространство внутри буквы (внутри «о», «d», «e»). Открытость счётчика существенно влияет на читаемость — особенно при малых кеглях и на низком разрешении.
Хвост (tail) — нисходящий элемент, выходящий из основного тела буквы (буква «Q», «g», «y»).
Ухо (ear) — небольшой декоративный отросток, обычно встречается у строчной «g» в правой верхней части.
Ось (axis / stress) — направление утончения штриха, которое отражает наклон воображаемого пера каллиграфа. В гуманистических шрифтах ось наклонная (около 8–15°), в классицистических — вертикальная.
Горизонтальные линии
Базовая линия (baseline) — линия, на которой «стоят» строчные буквы. Нижние выносные элементы (p, q, g) опускаются ниже неё.
Линия строчных (x-height) — высота строчных букв без верхних и нижних выносных элементов. Измеряется по высоте строчного «x». Отношение x-height к высоте капители — ключевой параметр читаемости: высокий x-height (Helvetica, Arial) даёт лучшую читаемость при малых размерах.
Линия прописных (cap height) — высота прописных букв. Обычно чуть ниже верхней линии строчных выносных.
Верхняя линия выносных (ascender line) — высота верхних выносных элементов строчных букв (h, b, d, l).
Нижняя линия выносных (descender line) — нижний предел нисходящих элементов строчных букв (p, q, g, y).
Основные типографические параметры
Кегль (type size / font size)
Кегль — размер шрифта, исторически измерявшийся как высота свинцовой литеры (от верхней линии выносных до нижней). В цифровой типографике кегль задаётся в пунктах (1 пт = 1/72 дюйма). Для основного текста в печатных изданиях оптимален диапазон 9–12 пт, для экрана — 15–21 пикселей.
Интерлиньяж (line height / leading)
Интерлиньяж — расстояние между базовыми линиями соседних строк. Название происходит от свинцовых полосок (leads), которые наборщики помещали между строками для увеличения отступа. Оптимальный интерлиньяж для текстовых блоков — 120–145% от кегля. Слишком малый приводит к «слипанию» строк, слишком большой — к разрыву связи между ними.
Кернинг (kerning)
Кернинг — корректировка пространства между конкретными парами букв для достижения оптически равномерного распределения пробелов. Особенно критичен для пар типа «AV», «To», «WA», «Ty». В профессиональных шрифтах прошиваются сотни кернинговых пар. Встроенный кернинг (metrics) следует предпочитать оптическому (optical) для тестовых размеров.
Трекинг (tracking / letter-spacing)
Трекинг — равномерное изменение межбуквенного расстояния для всего выделенного фрагмента. В отличие от кернинга, трекинг применяется ко всему тексту одновременно. Для крупных заголовков рекомендуется слегка уменьшать трекинг (–10 — –20), для текста, набранного прописными, — увеличивать (+40 — +80 единиц).
Ширина строки (line length / measure)
Оптимальная длина строки для комфортного чтения — 45–75 символов (65–70 идеально). Слишком короткая строка утомляет из-за частых переносов взгляда; слишком длинная — из-за необходимости искать начало следующей строки. Классическое правило Роберта Брингхёрста: 66 символов на строку.
Выравнивание (alignment)
Четыре основных варианта выравнивания: по левому краю (ragged right) — самое читаемое, сохраняет равномерный межбуквенный интервал; по правому краю — используется для акцентов; по центру — для заголовков и кратких блоков; по ширине (justified) — классика книжной вёрстки, требует гифенации и тонкой настройки.
Принципы читаемости
Контраст
Контраст между основными и дополнительными штрихами, между размерами элементов, между цветом текста и фона. Достаточный контраст — первое условие читаемости.
Отличительность букв
Насколько легко визуально различить похожие буквы: «l», «I», «1»; «0» и «O»; «rn» и «m». Шрифты с высокой отличительностью (Gill Sans, Verdana, Atkinson Hyperlegible) предпочтительны для текстовых наборов.
Открытость форм
Размер и форма счётчиков, степень открытости апертуры (в «e», «c», «a»). Открытые формы лучше читаются при малых размерах и в условиях сниженного контраста.
Одинаковый ритм штрихов
Регулярный ритм вертикальных элементов создаёт ровный «серый» цвет текстового блока. Неравномерный ритм — признак плохо откалиброванного шрифта.
"Хорошая типографика неотделима от хорошего дизайна, а хороший дизайн неотделим от ясного мышления."
Эмиль Рудер, «Типографика», 1967Типографическая иерархия
Иерархия — это система визуальных уровней, которая подсказывает читателю порядок восприятия информации. Строится с помощью кегля, насыщенности (weight), капитализации, цвета, пространства и шрифтового контраста.
Типичная иерархия для редакционного материала: заголовок первого уровня (H1) → подзаголовок / лид → заголовок второго уровня (H2) → цитата / врезка → основной текст → подпись, сноска.
Ошибка начинающих дизайнеров — стремление разнообразить текст, добавляя всё новые уровни. Профессиональный подход — максимум трёх-четырёх отчётливых уровней иерархии, каждый из которых ощутимо отличается от соседнего.