Школа
Вёрстка

Как верстать списки?

Как грамотно верстать списки элементов с точки зрения отступов и междустрочного расстояния? А если один пункт разбит на несколько строк? А когда список озаглавлен? А когда список идёт между двумя абзацами текста? Какие должны быть отступы у маркеров и нумераторов, если они нужны?

И мне одному кажется, что так как на скриншоте — неправильно с точки зрения внутреннего и внешнего?

Антон Алексеев
8 июня 2022
👁 12187   🗩4
Вёрстка

Как верстать списки?

Как грамотно верстать списки элементов с точки зрения отступов и междустрочного расстояния? А если один пункт разбит на несколько строк? А когда список озаглавлен? А когда список идёт между двумя абзацами текста? Какие должны быть отступы у маркеров и нумераторов, если они нужны?

И мне одному кажется, что так как на скриншоте — неправильно с точки зрения внутреннего и внешнего?

Антон Алексеев
8 июня 2022
👁 12187   🗩4
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Антон!

Как грамотно верстать списки элементов с точки зрения отступов и междустрочного расстояния?

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

А если один пункт разбит на несколько строк?

Если речь идёт о том, что в каком‑то из пунктов текста так много, что он состоит из нескольких строк, то совет выше должен помочь.

А когда список озаглавлен?

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

А когда список идёт между двумя абзацами текста?

У списка всегда есть обобщающее предложение или заголовок. Обобщающее предложение может быть частью целого абзаца перед списком. В таком случае, списку полагается «прилипнуть» к нему на интерлиньяж:

Какие должны быть отступы у маркеров и нумераторов, если они нужны?

Зависит от ситуации. Если это короткий нумерованный список из однострочных пунктов в теле длинной текстовой статьи, то номера пунктов можно отбить и простым пробелом. Если же вы верстаете длинный договор или Гражданский кодекс, то может понадобиться придумать более изобретательную систему отступов показать вложенность разделов и пунктов.

И мне одному кажется, что так как на скриншоте [из вопроса] — неправильно с точки зрения внутреннего и внешнего?

Если ориентироваться по подчёркиваниям ссылок, то да. Но мы специально делаем подчёркивания тонкими на грани видимости, чтобы они не привлекали к себе лишнее внимание и не влияли на выбор отступов.

А почему так?

Потому:

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

Типографика в вебеТекстовый списокФормат: текстПравило внутреннего и внешнего
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

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

Рекомендуем другие советы