Дмитрий!

Мы говорим, что фотография стоит «в подмышке» у заголовка, если она расположена сбоку от текста и заголовок накрывает одновременно и текст, и фото:

О проблемной иллюстрации в подмышке в главе «Текст с иллюстрациями» моей книги «Типографика и вёрстка»

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

О проблемной иллюстрации в подмышке в главе «Текст с иллюстрациями» моей книги «Типографика и вёрстка»

По той же причине мы недолюбливаем обтекание картинки текстом справа — тогда скачет левый край самого текста. Один раз на полосе можно, а постоянно — мука для читателя.

Но стоит перенести картинку в подмышке направо, как проблема решается:

На вашей схеме вёрстки все элементы расположены вертикально один над другим:

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

Каноническая конструкция вертикального модуля в главе «Текст с иллюстрациями»

Этот порядок соот­вет­ству­ет есте­ствен­но­му поряд­ку чте­ния: заме­ти­ли иллю­стра­цию, про­чи­та­ли заго­ло­вок, заин­те­ре­со­ва­лись тек­стом, реши­ли, куда перей­ти по ссылкам.

Каноническая конструкция вертикального модуля в главе «Текст с иллюстрациями»

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

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

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