x
 
Анатолий Паращук
22 мая 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Отступ от первой строки режет глаз. Не нарушается ли здесь правило внутреннего и внешнего?


Анатолий!

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

Представьте себе три обычных абзаца:

  • Абзац

    Абзац

    Абзац

Чтобы вёрстка смотрелась цельной, она должна быть как можно плотнее и ровнее. Здесь всё просто, три сплошных абзаца отделены расстояниями.

Теперь представьте, что в середине список:

  • Абзац

    Список

    Абзац

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

Мы стараемся, чтобы список «косил» под один из абзацев, а не был каким-то отдельным куском текста. Если отделить обобщающий абзац, всё распадётся на отдельные абзацы, несмотря на то что расстояния чуть разные. Сравните:

  • С отступом Без отступа

    Ради похудения не стоит отказываться от завтраков. Эксперименты британских учёных показали это со всей ясностью.

    Возьмите пример с Робина Бобина и съешьте на завтрак побольше белков:

    • сорок человек,
    • и корову,
    • и быка,
    • и кривого мясника.

    По мнению британских учёных, ради похудения вообще не стоит от чего-либо отказываться — оно того не стоит.

    Ради похудения не стоит отказываться от завтраков. Эксперименты британских учёных показали это со всей ясностью.

    • Возьмите пример с Робина Бобина и съешьте на завтрак побольше белков:
    • сорок человек,
    • и корову,
    • и быка,
    • и кривого мясника.

    По мнению британских учёных, ради похудения вообще не стоит от чего-либо отказываться — оно того не стоит.

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

Инструкция к Макбуку Про

Обратите внимание на правую сторону обоих примеров — заголовок прижат к первому абзацу, но абзацы всё равно друг от друга отделены.

Почти всегда в дефолтно-швейцарском дизайне подзаголовки выглядят так. И почти никто из русских дизайнеров этого не замечает :-)

P. S. Кстати, в книге Максима Ильяхова «Информационный стиль» вышла новая глава «Перечни» о редактуре и оформлении списков.

Типографика и вёрстка — дисциплина Школы дизайнеров. Набор весной. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Комментарии

Николай Яковенко
22 мая 2017

Артём, в случае с межабзацным и межстрочным отступом понятно как объяснить разницу. А как вы объясните дополнительный отступ между элементами списка? Ведь это элементы одного абзаца и часто одного предложения. Они выделены отбивкой слева, зачем их еще отделять новым отступом?

Павел Никифоров
22 мая 2017

Артем, почему же вы тогда в своем ответе отделяете обобщающий абзац?

Представьте себе три обычных абзаца:

Абзац

Абзац

Абзац

Михаил Замкевич
22 мая 2017

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

На примере справа последняя строка склеится с первым элементом списка — 1. Заметьте, что на левом примере со списком всё нормально.

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

1 1




Недавно всплыло

Можно ли достичь эффекта переливания без встраивания видео на сайт? 1 Как вести себя с человеком, который Джима Кемпа не читал и вину не признаёт? 2 7 6