Рекомендации по расчёту расстояния от заголовка до текста

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

Ведь решение здесь на самом деле простое — нужно только  поставить идущий под заголовком текст на интерлиньяж заголовка. Однако для этого необходимо сначала определить интерлиньяж.

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

Итак, следует поставить заголовок в 2 строки и настроить интерлиньяж, чтобы всё выглядело хорошо:

Затем на 2-ю строку ставится текст:

Заголовок восстанавливает своё нормальное состояние. Получается примерно следующее:

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

Текст, находящийся ниже заголовка, ощутимо падает:

Для улучшения ситуации следует провести выравнивание подзаголовочного текста. Оно выполняется по верхней кромке заголовка:

После этого всё снова будет выглядеть хорошо:

Оригинал: https://www.webdesguru.com/rekomendatsii-po-raschyotu-rasstoyaniya-ot-zagolovka-do-teksta/

Подписывайтесь на нас в других социальных сетях:

Yandex.Zen — https://zen.yandex.ru/media/id/5ac098dff031731b9711ba45

Instagram — https://www.instagram.com/dotdesignblog

VK — https://vk.com/dotdesignblog

Twitter — https://twitter.com/dotdesignblog

Error

default userpic
When you submit the form an invisible reCAPTCHA check will be performed.
You must follow the Privacy Policy and Google Terms of use.