Страница говорит до чтения
До первой прочитанной фразы вы замечаете крупный заголовок, плотность абзацев и свободное место. Эти отношения подсказывают, где начало и что важнее. Типографика поэтому включает не только выбор гарнитуры. Она организует последовательность внимания: название обозначает тему, вводный абзац задаёт обещание, подзаголовки раскрывают строение материала.
Попробуйте мысленно заменить все буквы серыми прямоугольниками. Если уровни текста всё ещё различимы, у страницы есть визуальная структура. Но этот опыт не проверяет смысловые связи. Для них нужны точные названия разделов и правильная разметка документа.
Иерархия должна существовать в коде
W3C рекомендует логично вкладывать заголовки и размечать области страницы. Тогда структура помогает не только зрению. Люди, использующие экранные дикторы или клавиатуру, могут переходить к нужным разделам. Крупная жирная строка, которая лишь выглядит как заголовок, не всегда даёт такие возможности.
Поэтому визуальный макет и смысловая разметка должны согласовываться. Размер буквы не обязан буквально повторять номер уровня, однако порядок разделов должен оставаться понятным. Это особенно заметно в длинной статье, которую читают частями и открывают сразу по ссылке на отдельную главу.
Строка, интервал и управление
Длина строки, межстрочный интервал и контраст влияют на удобство чтения. Критерий WCAG о визуальном представлении обсуждает возможность настройки этих параметров; это конкретный критерий высокого уровня соответствия, а не универсальное требование считать любую страницу одинаковой. Цель — дать читателю сохранить читаемость в собственных условиях.
Редактору полезно тестировать настоящий русский текст: короткие подписи, длинные слова, цифры и ссылки. Гарнитура, которая эффектна в одном латинском слове, может хуже работать в плотном абзаце на кириллице. Наблюдение следует связывать с конкретным примером, а не с репутацией названия шрифта.
Маленький тест макета
Сравните одну статью в двух вариантах ширины колонки. Не меняйте текст и размер букв одновременно: так труднее понять причину различия. Затем увеличьте масштаб браузера и проверьте, не исчезают ли подписи, кнопки и смысловые связи. Отдельно пройдите оглавление клавиатурой.
Запишите не оценку «красиво», а наблюдаемый результат: строку легче найти после перехода, заголовок не путается с цитатой, ссылка читается без наведения. Такие формулировки связывают эстетическое решение с работой страницы. Типографика получает ясную задачу и перестаёт зависеть от одного демонстрационного экрана.
Одинаковый текст, разные задачи
Подпись под схемой читают иначе, чем длинную главу. В первом случае важно быстро связать слово с деталью, во втором — удерживать последовательность мысли. Поэтому сравнивайте решения внутри задачи. Перенос удачного крупного заголовка в мелкую подпись может разрушить читаемость. Небольшой набор реальных образцов помогает проверить систему раньше, чем она распространится на сотни страниц.
На чём основан материал
Текст подготовлен редакцией Nexoria на основе первоисточников. Ссылки помогают проверить факты и продолжить изучение.
Последнее обновление: 16 октября 2026 г.. Материал носит образовательный характер.
