Ирина!

Забейте :‑)

Картинки же тоже могут быть разной высоты, которая необязательно кратна высоте базовой строки. А ещё, если ваш сайт или интерфейс резиновые, картинки могут менять свой размер в зависимости от ширины окна браузера.

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

А электронная бумага бесконечна. Чёткое выстраивание текста и всего остального по базовым линиям может выглядеть невероятно прекрасно и приятно для глаза, но потребует от вас много времени на разработку и ограничит в других аспектах (типа тянущихся картинок), которыми хорош электронный формат. Поэтому если у вас нет каких‑то смысловых или эстетических причин разводить подобный педантизм, то и не разводите.

Пара соображений на тему дизайн‑систем:

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

Пара соображений на тему дизайн‑систем:

P. S. При этом на сайте бюро есть сетка базовых линий. Но работает она несколько хитрее, чем в печати. О ней — отдельный совет.

Типографика в вебеФормат: текстМодульная сетка
Отправить
Поделиться
Запинить

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