Список

7

В отличие от сплошного текста, список показывает структуру наглядно: пространственно (с помощью расположения элементов и отступов между ними) и графически (с помощью маркеров, линеек, плашек и т. д.)

Посмотрим на этот же абзац, но оформленный списком:

В отличие от сплошного текста, список показывает структуру наглядно:

Цифры, буквы и маркеры

Для обозначения пунктов списка используют цифры, буквы и графические маркеры. Цифры нужны, когда в тексте есть определенная последовательность, например, это инструкция в несколько шагов:

Справочная «Фигмы». 2023

Буквы обычно ставят на второй или последующих ступенях иерархии в сложных списках, а иногда просто как альтернативу цифрам:

Дитмар Розенталь. Справочник по орфографии и пунктуации. Южно-Уральское книжное издательство. 1994. С. 225

Когда пункты пронумерованы или пролитерованы, на них удобно ссылаться: статья 21, пункт 3. Для остальных случаев подойдут графические маркеры. В русском языке традиционно используют длинное тире:

Письмо от «Тинькофф-журнала». 2023

Другой маркер, не так давно пришедший в русскую типографику из американской, — это буллит, или жирная точка:

Электронный журнал AIGA Eye on Design. 2022

В некоторых шрифтах буллит слишком жирный и выбивается из общего тона набора. Чтобы это исправить, буллит можно искусственно уменьшить в размере, сделать цветным или бледным:

Тире или буллит

Сайт гимназии имени Е. М. Примакова. 2018

Кроме тире и буллита, используют и другие шрифтовые символы, эмодзи и прочие иконки:

Брошюра Adobe Typography Primer. 2000. C. 12
Электронный журнал «Главбух». 2023
Сайт «Яндекс-маркета». 2023

С нестандартными маркерами нужно быть осторожнее, потому что ими очень легко замусорить верстку. В большом количестве они выглядят навязчиво:

Сайт «Лидмашины». 2020
Сайт PDF2GO. 2023

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

Как выровнять правый край

Частая проблема списка — разный объем его элементов. Длинные строки торчат, а короткие образуют дыры:

Попробуем переверстать этот пример, чтобы он стал ровнее. Вот что можно сделать:

1. Уменьшить ширину колонки. Длинные пункты разобьются на несколько строк. В нашем случае заужать придется сильно, потому что есть очень короткие названия:

Список и ширина колонки

Как видите, идеальный вариант не всегда достижим :–)

2. Обозначить границы пунктов, например, линейками или плашками. Они скроют дыры после коротких строк. Проблема не решается целиком, однако становится не так заметна. Немного заузим исходный список и отделим пункты друг от друга:

Прием хорошо подходит для динамического текста, форму которого нельзя предугадать:

Поисковая выдача «Гугла». 2023
Приложение «Самокат». 2023
Источник утерян

3. Добавить колонку справа. Помимо линеек, правый край можно закрыть коротким текстом, иконками или кнопками:

Так часто делают в интерфейсах:

Контекстное меню на МакОС. 2023
Приложение «Тинькофф-банка». 2023

4. Переставить пункты местами. Когда последовательность не важна, список можно перетасовать так, чтобы короткие пункты чередовались с длинными и создавали более равномерную, нейтральную форму:

Только не нужно строить лесенку, это всегда выглядит странно:

  • создает дыру
  • обращает на себя внимание
  • не несет никакого смысла и не помогает в поиске

Самая
дурацкая
сортировка

5. Отредактировать. Дописать короткие пункты или сократить длинные:

Если материал позволяет, длинные строки можно просто «подрезать» автоматически:

Сайт «Кинопоиска». 2023

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

Сайт книжной серии Penguin Little Black Classics. 2023
Сайт МоМА. 2023

Пунктуация и орфография

С точки зрения грамматики, списки делятся на два вида, которые различаются объемом и структурой пунктов.

1. Пункты — слова или словосочетания оформляются как однородные члены в составе одного предложения-списка:

отступ
цифра
буква
маркер

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

Пример правильного оформления:

Сайт «Аэрофлота». 2023

2. Пункты-предложения оформляются как отдельные предложения:

отступ
цифра
буква
маркер

Каждый пункт начинается с прописной буквы и заканчивается точкой. После цифры или буквы тоже ставится точка. Буквы в таком списке используют только заглавные. Обратите внимание, что пункт 3 содержит не одно предложение, а несколько, — так тоже можно.

Пример правильного оформления:

Сайт «Кинопоиска». 2023

А эти два списка набраны с ошибками:

Рассылка «Озон-банка». 2023
В чем ошибка? В конце всех пунктов должна стоять точка, потому что пункты — предложения, а последний — два предложения.
Электронный журнал «Дело Модульбанка». 2023
В чем ошибка? Корректней оформить пункты как предложения, потому что в четвертом и пятом пунктах есть подлежащее и сказуемое: реклама не должна содержать, реклама не должна выставлять. Следовательно, в начале каждого пункта нужна заглавная буква, а в конце точка.

Да, пунктуация в русском языке сложная, но хорошая новость в том, что иногда ее можно упростить. Строгое оформление по всем описанным правилам применяется в «серьезных» текстах: юридических документах, научных трудах, учебниках и т. п. В менее формальных условиях, например, в рекламе, можно опустить знаки препинания в конце пунктов списка:

Приложение «Самокат». 2023
Сайт Apple. 2023
Сайт «Тинькофф-журнала». 2023

Также можно не ставить точку или скобку после цифр и букв, но только в том случае, если они выделены увеличенным отступом или графическим оформлением:

Сайт Игоря Штанга. 2023
Сайт «Тильда». 2022
Сайт The Guardian. 2023

Функцию знаков препинания на этих примерах выполняют отступы, линейки, плашки, шрифтовые и графические приемы. Общий принцип такой:

Чем сильнее «оформлен» список, тем меньше ему нужна пунктуация.

Когда можно опускать знаки препинания

Отступы в списке

Рассказываем, как настроить вертикальные и горизонтальные отступы в списке:

Дополнительно: Слишком много списков

Вы прочли открытую главу курса «Типографика и верстка». Что дальше?