Что такое типографика?
Типографика — это искусство и техника оформления набора текста с целью сделать его удобочитаемым, четким и визуально привлекательным. Это дисциплина, охватывающая выбор шрифтовых гарнитур, размеров и начертаний, длины строк, межстрочных интервалов, а также расстояний между буквами, словами и абзацами.
Термин «типографика» происходит от греческих слов «τύπος» (typos — форма, отпечаток) и «γράφω» (grapho — писать). Исторически он относился к искусству набора подвижными литерами, однако сегодня охватывает все аспекты визуального представления текста — как в печати, так и в цифровой среде.
Джордж Дональд Саттон, один из авторитетных исследователей дисциплины, определял типографику как «мастерство расположения текста способом, делающим его одновременно привлекательным и удобным для чтения». Это определение подчеркивает двойственную природу дисциплины: утилитарную функцию и эстетическую ценность.
"Типографика — это голос текста. Она может шептать или кричать, успокаивать или тревожить, внушать доверие или порождать сомнения."
— Эрик Шпикерманн, шрифтовой дизайнер и типографАнатомия шрифта: базовые термины
Понимание строения буквы — необходимая основа для любого, кто работает со шрифтом. Типографика имеет развитую систему терминов, описывающих элементы letterform.
Основные линии
Буквы строятся относительно нескольких базовых горизонтальных ориентиров:
- Базовая линия (baseline) — невидимая линия, на которой «стоят» все строчные буквы. Ключевой ориентир всей типографической системы.
- Линия шапки (cap height) — высота заглавных букв, измеряемая от базовой линии до верха прямых заглавных (H, I).
- Линия X (x-height) — высота строчных букв без выносных элементов, определяемая по высоте буквы «x». Один из важнейших параметров, влияющих на читаемость.
- Верхняя линия (ascender line) — верхняя граница выносных элементов строчных букв (b, d, h, k, l).
- Нижняя линия (descender line) — нижняя граница хвостов строчных букв (g, j, p, q, y).
Элементы буквы
| Термин | Описание | Пример |
|---|---|---|
| Засечка (serif) | Короткие поперечные штрихи на концах основных штрихов букв | Times New Roman, Garamond |
| Стойка (stem) | Основной вертикальный или диагональный штрих буквы | Вертикальные элементы H, I, F |
| Перекладина (crossbar) | Горизонтальный штрих, соединяющий стойки | Горизонтальный элемент буквы H |
| Чаша (bowl) | Замкнутая или полузамкнутая кривая линия | Округлый элемент букв b, d, o |
| Контрформа (counter) | Частично или полностью замкнутое пространство внутри буквы | Внутренность o, e, B |
| Апертура (aperture) | Открытое пространство в частично замкнутых буквах | Открытость букв c, e, а |
| Спинка (spine) | Основной изогнутый штрих буквы S | Центральный элемент S, s |
| Хвостовик (tail) | Нисходящий элемент буквы, часто декоративный | Хвостики Q, g, y |
Основные параметры типографики
Кегль (size)
Кегль — вертикальный размер шрифта, измеряемый в типографских пунктах (1 пункт = 0,352 мм). Исторически кегль определялся высотой металлического блока литеры, а не самой буквы. Поэтому разные гарнитуры одного кегля могут существенно различаться по видимому размеру из-за разного соотношения x-height к общей высоте блока.
Для основного текста книг и журналов традиционно используют кегль 10–12 пунктов. Для экранных интерфейсов — 14–18 пикселей. Заголовки варьируются от 18 до 72 пунктов в зависимости от иерархии.
Интерлиньяж (leading)
Интерлиньяж — расстояние между базовыми линиями смежных строк текста. Название происходит от практики вставки тонких свинцовых полосок (leads) между строками при наборе. Рекомендуемый интерлиньяж для основного текста составляет 120–145% от кегля. При кегле 12 пт оптимальный интерлиньяж — около 14–17 пт.
Трекинг и кернинг
Трекинг — равномерное изменение расстояний между всеми символами в тексте или выделенном фрагменте. Используется для изменения плотности набора и улучшения читаемости в мелком или крупном кегле.
Кернинг — оптическая корректировка расстояния между конкретными парами букв. В профессиональных гарнитурах таблицы кернинга содержат тысячи пар (AV, WA, To, etc.), подобранных вручную дизайнером шрифта.
Важно: Трекинг и кернинг часто путают. Трекинг — глобальный параметр, влияющий на все пробелы равномерно. Кернинг — локальный, применяется к конкретным парам. Оба инструмента необходимы для профессионального набора.
Классы начертания
Большинство современных гарнитур выпускаются в нескольких начертаниях, образующих шрифтовую семью:
Вес начертания
- Thin (Hairline) — 100
- Extra Light (Ultra Light) — 200
- Light — 300
- Regular (Normal) — 400
- Medium — 500
- Semi Bold (Demi Bold) — 600
- Bold — 700
- Extra Bold (Ultra Bold) — 800
- Black (Heavy) — 900
Форма начертания
- Roman (прямое)
- Italic (курсив)
- Oblique (наклонное)
- Condensed (узкое)
- Extended (широкое)
- Display (крупного кегля)
- Caption (мелкого кегля)
- Small Caps (капитель)
Принципы читаемости
Читаемость (legibility) и удобочитаемость (readability) — два разных, но взаимосвязанных понятия. Легибилити относится к тому, насколько легко различить отдельные символы. Редабилити — к тому, насколько комфортно читать текст целиком.
Факторы, влияющие на легибилити:
- Четкость контрформ (открытое vs. закрытое «c»)
- Высота строчных относительно размера шрифта (x-height)
- Степень контраста между толстыми и тонкими штрихами
- Наличие или отсутствие засечек
- Оптические выравнивания в начертаниях букв
Факторы, влияющие на редабилити:
- Длина строки (оптимум — 45–75 символов для одной колонки)
- Интерлиньяж (слишком малый или слишком большой ухудшает восприятие)
- Контраст текста с фоном (минимальное соотношение 4,5:1 по WCAG)
- Выравнивание текста (по левому краю, по центру, по ширине)
- Разбивка на абзацы и наличие визуальных перерывов
Выравнивание текста
Выравнивание влияет на воспринимаемый ритм и «серость» текстового блока. Каждый тип имеет свои применения:
- По левому краю — наиболее естественное для западного чтения, создает ровный левый край и «рваный» правый. Предпочтительно для большинства тел текста.
- По ширине (justify) — создает ровные оба края, используется в книгах и газетах, требует профессионального переноса слов и трекинга.
- По центру — применяется для заголовков, подписей, поэзии; для длинного текста крайне неудобно.
- По правому краю — редкое применение, для выносных подписей, боковых элементов, работы с RTL-языками.