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

Прогрессия отступов даёт хорошую эстетику

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

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

Хочется узнать, что думаете вы?

P. S. Цифра 2 означает расстояние между абзацами, 2 с минусом означает, что расстояние между подзаголовком и текстом чуть меньше, чем между абзацами.

Тимур Исламов
20 окт 2021
👁 6666  
Вёрстка

Прогрессия отступов даёт хорошую эстетику

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

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

Хочется узнать, что думаете вы?

P. S. Цифра 2 означает расстояние между абзацами, 2 с минусом означает, что расстояние между подзаголовком и текстом чуть меньше, чем между абзацами.

Тимур Исламов
20 окт 2021
👁 6666  
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Тимур!

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

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

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

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

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

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

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