Блог Perkova&Perkova

Типографическая иерархия без множества размеров

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

Разберите материал на роли

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

Если каждому новому блоку назначить собственный размер, читателю придётся заново угадывать значение различий. Семь размеров не гарантируют семь понятных ролей. Начните с названия, заголовка раздела, основного текста и подписи; добавляйте роль только при реальной необходимости.

Два подхода к акцентам

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

Во втором размеры ближе, а различие создают насыщенность и расстояния. Такой подход подходит спокойной текстовой странице, если раздел всё равно заметен среди абзацев. Не пытайтесь компенсировать слабую иерархию одновременно цветом, подчёркиванием, рамкой и дополнительным значком: станет сложнее понять, какой признак главный.

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

Соберите и проверьте систему

  1. Разместите все роли на одном листе с реальными текстами, включая длинное название и двухстрочную подпись.
  2. Примените выбранные настройки ко всей статье.
  3. Просмотрите только заголовки: они должны передавать последовательность содержания.
  4. Проверьте узкий экран и блок с самой длинной подписью.
  5. Добавьте четвёртую прогулку, используя готовые роли. Отметьте места, где захотелось создать случайный новый стиль.

Приёмка: новый раздел можно собрать без угадывания параметров, одинаковые элементы узнаваемы, а дополнительные уровни объясняются содержанием. В портфолио покажите карту ролей и фрагмент статьи. Для клиента это также основа согласования: обсуждать можно ясность разделов, а не отдельные цифры размеров.

Следующие упражнения — оформление списков и выбор гарнитур. Найденное затруднение поможет сформулировать вопросы к программам в подборке обучения Perkova&Perkova.

2026-03-28 10:00 Обучение веб-дизайну