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

Фото в левой подмышке?

Здравствуйте!
Не могу разобраться: фото находится в левой подмышке? Или название колонки на плашке не относится к композиции блока?

Дмитрий Ман
19 ноя 2018
👁 7859  
Вёрстка

Фото в левой подмышке?

Здравствуйте!
Не могу разобраться: фото находится в левой подмышке? Или название колонки на плашке не относится к композиции блока?

Дмитрий Ман
19 ноя 2018
👁 7859  
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
 17
17
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Дмитрий!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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