Подробно о списках в вебе

В помощь начинающему и продолжающему дизайнеру

Serhii Khyzhniak
4 min readMar 20, 2019

Список — это метод упрощения сложных предложений. Если в предложении есть перечисление из множества пунктов, то оформление списком поможет сделать такой текст лёгким для восприятия.

Списки отлично работают, когда состоят из трёх и более пунктов. Для меньшего количества — лучше подходит отображение в строку.

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

Строение списка

По своей сути, список — это предложение с однородными членами. Элементы списка должны согласовываться между собой и подчиняться иерархии.

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

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

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

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

Чтобы не перепутать однострочные пункты с многострочными, используют маркеры:

  • арабские цифры;
  • латинские или кириллические буквы в алфавитном порядке;
  • специальные символы (знак тире, кружок-буллит).

Существует два способа размещения маркера относительно текста: маркер выносится за границу пунктов списка или обтекается текстом.

Первый вариант предпочтительнее, так как он повышает распознавание пунктов.

Маркеры можно свешивать на половину их собственной ширины или не свешивает вовсе.

При свешивании на половину— мы оптически выравниваем край, чтобы граница текста казалась ровной.

Пунктуация

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

Если внутри пункта есть несколько слов и запятые, то такие пункты следует отделять точкой с запятой. Когда пункты представляют собой отдельные предложения — отделяются точкой.

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

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

Типы списков

По виду маркеров можно определить тип списка: нумерованный или ненумерованный.

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

Если в нумерованных списках после маркеров-цифр ставится скобка, то каждый пункт списка пишется с маленькой буквы. Если ставится точка — последующий пункт начинается с заглавной буквы.

Вариант со скобкой редко используют в вебе.

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

Иерархия в списках

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

В составных списках используют нарастающие отступы слева, что делает их похожими на «списки внутри списков».

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

Иерархия маркеров выглядит следующим образом:

  1. Арабские цифры с точкой.
  2. Арабские цифры с закрывающей скобкой.
  3. Строчные латинские или русские буквы с закрывающей скобкой.
  4. Специальные символы.

Однако, в современной веб-типографике упрощают классическую схему и чаще используют арабские цифры с точкой, специальные символы.

Общие рекомендации

Предлог, стоящий в заголовке списка или в обобщающем абзаце, следует выносить в первый пункт списка.

Избегайте повтора слов в начале пунктов — так будет проще отличить пункты друг от друга.

Если в конце списка стоит «и др.», «и т. д.» или «и т. п.», то такой текст не делают отдельным пунктом, а оставляют в конце предыдущего.

--

--