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

Имеются два длинных и два коротких заголовка

Коллеги, доброе утро!

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

Есть плакат, на нём есть блок с преимуществами. Имеются 2 длинных заголовка и 2 коротких. Привести их к общему знаменателю нет возможности. Нужно использовать именно эти формулировки. Два заголовка располагаются в две строки, другие два — в одну. Под ними есть описания.

Как грамотно расположить разновысотные пункты, чтобы смотрелось собранно и хорошо? Я пришел к такому варианту. Имеет право на жизнь или недопустимо? Как бы вы сверстали в данной ситуации?

Михаил Торощин
14 окт 2020
👁 7547  
Вёрстка

Имеются два длинных и два коротких заголовка

Коллеги, доброе утро!

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

Есть плакат, на нём есть блок с преимуществами. Имеются 2 длинных заголовка и 2 коротких. Привести их к общему знаменателю нет возможности. Нужно использовать именно эти формулировки. Два заголовка располагаются в две строки, другие два — в одну. Под ними есть описания.

Как грамотно расположить разновысотные пункты, чтобы смотрелось собранно и хорошо? Я пришел к такому варианту. Имеет право на жизнь или недопустимо? Как бы вы сверстали в данной ситуации?

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

Михаил!

Я рекомендую не верить на слово, когда кто‑то вам говорит такие фразы как «Нужно использовать именно эти формулировки», «Текст менять нельзя», «Ничего нельзя удалять» или «Ничего нельзя добавлять». Чаще всего это означает, что ваш собеседник просто не видит другого решения задачи. Помогите ему увидеть, что существуют другие, более удачные пути: задавайте открытые вопросы (почему важны именно такие формулировки? что будет, если… и т. д.), анализируйте ответы. Возможно, по ходу общения собеседник сам скажет что‑то в духе «Не, ну вообще вот это слово можно заменить на другое».

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

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

Правда, раздражает, что отступы между колонками выглядят разными. Тут как раз помогли бы переговоры: вдруг всё‑таки можно добавить пару слов во вторую и третью колонки?

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

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

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

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

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