В отличие от сплошного текста, список показывает структуру наглядно: пространственно (с помощью расположения элементов и отступов между ними) и графически (с помощью маркеров, линеек, плашек и т. д.)
Посмотрим на этот же абзац, но оформленный списком:
В отличие от сплошного текста, список показывает структуру наглядно:
- пространственно: с помощью расположения элементов и отступов между ними
- графически: с помощью маркеров, линеек, плашек и т. д.
Цифры, буквы и маркеры
Для обозначения пунктов списка используют цифры, буквы и графические маркеры. Цифры нужны, когда в тексте есть определенная последовательность, например, это инструкция в несколько шагов:
Буквы обычно ставят на второй или последующих ступенях иерархии в сложных списках, а иногда просто как альтернативу цифрам:
Когда пункты пронумерованы или пролитерованы, на них удобно ссылаться: статья 21, пункт 3. Для остальных случаев подойдут графические маркеры. В русском языке традиционно используют длинное тире:
Другой маркер, не так давно пришедший в русскую типографику из американской, — это буллит, или жирная точка:
В некоторых шрифтах буллит слишком жирный и выбивается из общего тона набора. Чтобы это исправить, буллит можно искусственно уменьшить в размере, сделать цветным или бледным:
Кроме тире и буллита, используют и другие шрифтовые символы, эмодзи и прочие иконки:
С нестандартными маркерами нужно быть осторожнее, потому что ими очень легко замусорить верстку. В большом количестве они выглядят навязчиво:
Также пункты можно сверстать совсем без маркеров, но тогда в массиве основного текста им необходима втяжка — небольшой отступ слева. Она поможет отделить список от обычных абзацев:
Как выровнять правый край
Частая проблема списка — разный объем его элементов. Длинные строки торчат, а короткие образуют дыры:
Попробуем переверстать этот пример, чтобы он стал ровнее. Вот что можно сделать:
1. Уменьшить ширину колонки. Длинные пункты разобьются на несколько строк. В нашем случае заужать придется сильно, потому что есть очень короткие названия:
Как видите, идеальный вариант не всегда достижим :–)
2. Обозначить границы пунктов, например, линейками или плашками. Они скроют дыры после коротких строк. Проблема не решается целиком, однако становится не так заметна. Немного заузим исходный список и отделим пункты друг от друга:
Прием хорошо подходит для динамического текста, форму которого нельзя предугадать:
3. Добавить колонку справа. Помимо линеек, правый край можно закрыть коротким текстом, иконками или кнопками:
Так часто делают в интерфейсах:
4. Переставить пункты местами. Когда последовательность не важна, список можно перетасовать так, чтобы короткие пункты чередовались с длинными и создавали более равномерную, нейтральную форму:
Только не нужно строить лесенку, это всегда выглядит странно:
- создает дыру
- обращает на себя внимание
- не несет никакого смысла и не помогает в поиске
5. Отредактировать. Дописать короткие пункты или сократить длинные:
Если материал позволяет, длинные строки можно просто «подрезать» автоматически:
Отметим, что не любой список вообще нужно «выравнивать». С одной стороны, если в документе много списков, мы не можем форматировать каждый по-своему, иначе пострадает консистентность верстки. В таком случае останется найти компромиссный формат, в котором большая часть списков выглядит приемлемо. С другой стороны, «рваные» списки тоже иногда смотрятся неплохо:
Пунктуация и орфография
С точки зрения грамматики, списки делятся на два вида, которые различаются объемом и структурой пунктов.
1. Пункты — слова или словосочетания оформляются как однородные члены в составе одного предложения-списка:
Весь список вместе с предшествующим текстом (Для опыта понадобятся:) представляет собой одно предложение, поэтому внутри него нет прописных букв и точек, точка ставится только в самом конце. В конце пунктов ставится запятая (если пункты короткие) или точка с запятой (если пункты длинные или внутри уже есть знаки препинания). После цифры или буквы ставится скобка.
Пример правильного оформления:
2. Пункты-предложения оформляются как отдельные предложения:
Каждый пункт начинается с прописной буквы и заканчивается точкой. После цифры или буквы тоже ставится точка. Буквы в таком списке используют только заглавные. Обратите внимание, что пункт 3 содержит не одно предложение, а несколько, — так тоже можно.
Пример правильного оформления:
А эти два списка набраны с ошибками:
В чем ошибка?
В конце всех пунктов должна стоять точка, потому что пункты — предложения, а последний — два предложения.
В чем ошибка?
Корректней оформить пункты как предложения, потому что в четвертом и пятом пунктах есть подлежащее и сказуемое: реклама не должна содержать, реклама не должна выставлять. Следовательно, в начале каждого пункта нужна заглавная буква, а в конце точка.Да, пунктуация в русском языке сложная, но хорошая новость в том, что иногда ее можно упростить. Строгое оформление по всем описанным правилам применяется в «серьезных» текстах: юридических документах, научных трудах, учебниках и т. п. В менее формальных условиях, например, в рекламе, можно опустить знаки препинания в конце пунктов списка:
Также можно не ставить точку или скобку после цифр и букв, но только в том случае, если они выделены увеличенным отступом или графическим оформлением:
Функцию знаков препинания на этих примерах выполняют отступы, линейки, плашки, шрифтовые и графические приемы. Общий принцип такой:
Чем сильнее «оформлен» список, тем меньше ему нужна пунктуация.
Отступы в списке
Рассказываем, как настроить вертикальные и горизонтальные отступы в списке:
Дополнительно: Слишком много списков
Вы прочли открытую главу курса «Типографика и верстка». Что дальше?
- Если хотите узнать больше и закрепить знания на практике — записывайтесь на курс. Ближайший набор — 26 октября.
- Подпишитесь на Телеграм-канал Игоря Штанга «Как это сверстано».
- А еще у авторов есть блоги на Медиуме: @nobelfaik и @kapanaga.