Глоссарий

А

Апрош (трекинг)

Равномерное изменение расстояния между всеми символами в слове, строке или абзаце. В отличие от кернинга, применяется глобально. Увеличенный апрош улучшает читабельность капительного и мелкого текста; уменьшенный придаёт крупным заголовкам монолитный вид.

Антиалиасинг (сглаживание)

Метод устранения ступенчатости при отрисовке кривых линий на растровых дисплеях. В CSS управляется свойством -webkit-font-smoothing и font-smooth. Влияет на воспринимаемую чёткость шрифта и, следовательно, на читабельность.

Б

Базовая линия

Воображаемая горизонтальная линия, на которой «стоят» строчные буквы шрифта. Является точкой отсчёта при выравнивании элементов типографической сетки. Выносные элементы (нижние) опускаются ниже базовой линии.

Блочная вёрстка

Система компоновки, при которой текстовые и визуальные блоки организованы в виде строго разграниченных прямоугольных зон. Противопоставляется обтеканию и свободному потоку. В цифровых интерфейсах доминирующая модель.

В

Визуальная иерархия

Система организации элементов интерфейса по степени их важности, выраженная через размер, вес, цвет, пространство и положение. Правильная иерархия управляет маршрутом взгляда читателя, не требуя от него сознательных усилий для навигации по содержанию.

Вес шрифта (font-weight)

Толщина штрихов глифов шрифта. Варьируется от 100 (Thin) до 900 (Black). В типографике вес — основной инструмент создания иерархии без изменения размера. Разница между Regular (400) и Bold (700) определяет визуальный акцент.

Верстальная сетка

Система направляющих линий, делящих полосу набора на столбцы и строки. Является основой предсказуемой, ритмичной вёрстки. В цифровом дизайне чаще всего реализуется как CSS Grid или Flexbox-раскладка с фиксированным числом колонок.

Г

Гарнитура

Семейство шрифтов, объединённых единым дизайном и различающихся начертанием (Regular, Italic, Bold и т.д.). В разговорной речи часто смешивается с понятием «шрифт», хотя технически шрифт — конкретное начертание определённого кегля в рамках гарнитуры.

Глиф

Визуальное представление отдельного символа. Один символ (например, буква «а») может иметь несколько глифов: строчная, прописная, курсивная форма. Хорошо разработанный глиф читается мгновенно, даже при небольших размерах.

И

Интерлиньяж (leading / line-height)

Расстояние между базовыми линиями соседних строк. Исторически — расстояние, создававшееся свинцовыми прокладками между строками набора. В CSS — свойство line-height. Для основного текста оптимальный диапазон: 1.5–1.75 от размера шрифта.

Инклюзивный дизайн

Подход к проектированию, при котором интерфейс изначально создаётся доступным для широкого круга пользователей — включая людей с нарушениями зрения, моторики и когнитивных функций. В типографике означает выбор шрифтов с высокой разборчивостью и обеспечение минимального контраста по WCAG.

К

Кегль (font-size)

Размер шрифта. В веб-дизайне измеряется в пикселях, em, rem или vw. Для основного текста на экранах с высоким разрешением рекомендуется не менее 16px. Кегль — один из главных инструментов выражения визуальной иерархии.

Кернинг

Оптическая коррекция расстояния между конкретными парами символов с целью устранения визуального дисбаланса. В отличие от трекинга, кернинг применяется к отдельным парам: AV, WA, Ty. Большинство качественных гарнитур содержат встроенные кернинговые таблицы.

Коэффициент контраста

Числовое отношение яркости цвета текста к яркости фона, вычисляемое по формуле WCAG. Значения от 1 (нет контраста) до 21:1 (чёрный на белом). Минимум для нормального текста по WCAG AA — 4.5:1, для крупного (18px+) — 3:1.

Колонтитул

Повторяющийся текстовый элемент в верхней (колонтитул) или нижней (колонцифра) части каждой страницы или экрана. Служит для навигационной ориентации читателя. В цифровых изданиях — аналог sticky-заголовка.

Л

Легибельность (legibility)

Способность различать отдельные символы и слова в составе шрифта на данном кегле и при данных условиях отображения. Зависит от проработанности глифов, контраста, размера и пространства между символами. Первый уровень читабельности.

Лигатура

Специальный глиф, представляющий слияние двух или более символов в единую форму для устранения оптических коллизий (например, fi, fl, ffi). В цифровой типографике активируется через CSS: font-variant-ligatures: common-ligatures.

М

Мера (ширина строки / measure)

Длина текстовой строки в символах или единицах измерения. Классическое правило: оптимальная мера — 45–75 символов на строку для основного текста. Слишком широкая строка затрудняет переход на следующую; слишком узкая нарушает ритм чтения.

Модульная сетка

Двумерная система верстальных направляющих, делящая полосу как по горизонтали (строки), так и по вертикали (столбцы). Позволяет создавать комплексные, многоуровневые макеты с сохранением визуальной связности.

О

Оптическое выравнивание

Визуальное, а не математическое центрирование типографических элементов. Поскольку человеческий глаз воспринимает пространство неравномерно, математически центрированный объект кажется смещённым. Оптическое выравнивание корректирует это восприятие.

Orphan (сирота)

Одиночное слово или очень короткая строка в конце абзаца, попавшая на следующую страницу или колонку. Считается типографическим дефектом, нарушающим ритм чтения и эстетику текстового блока.

П

Полоса набора

Область страницы или экрана, предназначенная для размещения основного текстового содержания. Определяется полями и является ключевым элементом верстальной сетки. Правильная ширина полосы набора критична для читабельности.

Переменный шрифт (variable font)

Шрифтовой формат OpenType, позволяющий хранить несколько начертаний одной гарнитуры в одном файле с плавным управлением осями: вес (weight), наклон (slant), ширина (width) и другими. Значительно сокращает размер загружаемых файлов при большом числе начертаний.

Р

Ритм в типографике

Регулярность повторения типографических элементов: межстрочных интервалов, размеров отступов, смены весов и кеглей. Последовательный ритм создаёт ощущение организованности и облегчает усвоение большого объёма текста.

Разборчивость (readability)

Удобство восприятия связных текстовых массивов — абзацев, разделов, статей. Зависит не только от шрифта, но и от длины строки, межстрочника, контраста и верстки в целом. Второй уровень читабельности, надстроенный над легибельностью.

С

Сансерифный шрифт (sans-serif)

Шрифт без засечек. Исторически считался более подходящим для экранного текста из-за низкого разрешения дисплеев. С появлением Retina-экранов это преимущество нивелировалось. Широко используется в интерфейсных текстах, подписях и навигации.

Сетка (grid)

Система выравнивающих направляющих, обеспечивающих последовательность и предсказуемость в расположении элементов. В CSS реализуется через Grid Layout и Flexbox. Является основой профессиональной типографики и редакционного дизайна.

Скейл типографики

Математически согласованная система размеров шрифта, построенная на основе числового отношения (ratio) — например, золотого сечения (1.618) или музыкальных пропорций. Обеспечивает визуальную гармонию между заголовками разных уровней и основным текстом.

Т

Типографическая система

Комплекс взаимосвязанных типографических решений: выбор гарнитур, шкала кеглей, система весов, межстрочные интервалы и правила применения — оформленный как переиспользуемый дизайн-артефакт.

Текстовая колонка

Вертикальная полоса текста в рамках верстальной сетки. Многоколоночная вёрстка снижает меру строки и улучшает читабельность больших массивов текста. В цифровом дизайне реализуется через CSS-свойство columns или Grid.

У

Удобочитаемость

Комплексная характеристика текста, включающая легибельность, разборчивость и понятность. Зависит как от типографических решений (шрифт, размер, контраст), так и от лингвистических (длина предложений, структура, словарный запас).

Ф

Фолио (колонцифра)

Номер страницы. В цифровых изданиях аналогом может служить индикатор прогресса чтения или порядковый номер в пагинации. Фолио является важным навигационным элементом многостраничных публикаций.

Х

Хвостовое поле

Нижнее поле на странице или экране. В классической типографике хвостовое поле традиционно шире верхнего, что создаёт ощущение, что текстовый блок «парит» над нижним краем. В цифровом дизайне аналог — нижний padding контентной области.

Ц

Цветовой контраст

Разница в воспринимаемой яркости двух цветов. В контексте читабельности — разница между цветом текста и цветом фона. Измеряется как коэффициент от 1:1 до 21:1 по стандарту WCAG 2.1. Минимально приемлемое значение для основного текста — 4.5:1.

Ш

Шрифтовая пара

Комбинация двух типографически совместимых гарнитур, используемых вместе в одном дизайне — как правило, одна для заголовков, другая для основного текста. Хорошая пара создаёт контраст и гармонию одновременно, не вступая в конфликт.

Шрифт с засечками (serif)

Шрифт, у которого штрихи заканчиваются поперечными элементами — засечками. Исторически доминировал в книжной печати благодаря высокой читабельности при большом объёме текста. На экранах высокого разрешения сегодня показывает результаты, сопоставимые с сансерифными шрифтами.

Whitespace (воздух)

Пустое пространство между и вокруг элементов интерфейса. Не является «пустым» в функциональном смысле — whitespace управляет вниманием, разграничивает логические блоки и снижает когнитивную нагрузку. Отсутствие воздуха — одна из наиболее распространённых ошибок в цифровой типографике.