Базовая линия (Baseline).

Базовая линия (Baseline) в дизайне — это невидимая горизонтальная направляющая, выступающая в роли «гравитационного дна» для шрифтовых знаков и графических элементов, которая обеспечивает визуальное равновесие, структурный порядок и ритм всей композиции.

Роль базовой линии в разных направлениях дизайна

• В типографике и анатомии шрифта: это воображаемая черта, на которой «стоят» основные корпуса всех букв строки. Свисающие элементы (десцендеры, как у букв у, д, ц, з, g, y) опускаются ниже неё, но само ощущение ровной строки держится именно на базовой линии.
• В веб-дизайне и UI/UX (Baseline Grid): это сетка с заданным шагом (например, 4px или 8px), по которой выравниваются не только текстовые блоки, но и иконки, кнопки и карточки товара. Это автоматизирует хаос и делает интерфейс аккуратным.
• В графическом дизайне и верстке: Инструмент синхронизации колонок. Благодаря выравниванию по базовым линиям, строки текста в соседних колонках журнала или буклета строго совпадают друг с другом, исключая «дребезжание» макета.

Зачем дизайнеру строго следовать базовой линии?

• Повышение читаемости: глазу легче скользить по тексту, который имеет предсказуемую визуальную опору.
• Эстетика порядка: даже неочевидное для обывателя смещение текста на 1-2 пикселя вверх или вниз считывается подсознанием как небрежность.
• Ускорение верстки: работа по сетке базовых линий (Baseline Grid) избавляет от необходимости подбирать отступы «на глаз».