Картинка не должна просто лежать на полосе

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

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

Можно двигать их на глаз, пока не станет «красиво». Но я считаю, что здесь нужен некий параметр.

И таким критерием станет средник между колонками. Он равен интерлиньяжу текста, а значит, его можно использовать как модуль для расстояний между текстом и иллюстрациями.

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

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

#dotextok_макет

Михаил Иванюшин • Dotextok