x
 
Дмитрий Ман
19 ноября 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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


Дмитрий!

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

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

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

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

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

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

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

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

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

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

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

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

Типографика и вёрстка — дисциплина Школы дизайнеров. Набор весной. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Что думаете о переносах в вебе?




Недавно всплыло

Иногда я спрашиваю о скидке для тренировки и потому что не против шанса сэкономить 1 Практика: формулировка полезного действия 8 10 Как вести себя с человеком, который Джима Кемпа не читал и вину не признаёт? 2