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

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу

«Иллюстра­ция под заго­лов­ком отде­ля­ет текст от заго­лов­ка и пре­ры­ва­ет чте­ние. При этом иллю­стра­ция замет­нее рань­ше тек­ста, и чита­те­лю при­дёт­ся пры­гать от неё взгля­дом вверх‑вниз к заго­ловку и тексту».

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу. Например, Бренд‑нью — правая колонка. С чем это связано? Они показывают, что весь эмоциональный поток приходится на изображение, а текст занимает второстепенныую позицию? Примеров нарушения этого правила очень много.

Виталий
12 сен 2016
👁 1844  
Вёрстка

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу

«Иллюстра­ция под заго­лов­ком отде­ля­ет текст от заго­лов­ка и пре­ры­ва­ет чте­ние. При этом иллю­стра­ция замет­нее рань­ше тек­ста, и чита­те­лю при­дёт­ся пры­гать от неё взгля­дом вверх‑вниз к заго­ловку и тексту».

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу. Например, Бренд‑нью — правая колонка. С чем это связано? Они показывают, что весь эмоциональный поток приходится на изображение, а текст занимает второстепенныую позицию? Примеров нарушения этого правила очень много.

Виталий
12 сен 2016
👁 1844  
А. Г.
Арт‑директор и автор учебных программ бюро
Полезно
 4
4
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Я и правда думаю, что на сайте Бренд‑нью случайный порядок элементов, заставляющий глаза бегать вверх‑внизу от картинки, чтобы вникнуть в смысл:

И, по‑моему, сайт выиграет от упорядочивания направления чтения:

Было
Стало

Впрочем, эталонный порядок «картинка, заголовок, текст» не единственно возможный и не всегда предпочтительный. Иногда лучше поставить в начало заголовок или подзаголовки:

  • на главной странице или на передовице, когда заголовок по сути относится ко всей странице, а не к отдельной иллюстрации;

  • в лентах с крупными картинками, когда есть риск, что заголовки не поместятся в окно;

  • на «поточных» текстовых страницах, состоящих не из модулей, а из элементов в свободном линейном порядке: подзаголовков, списков, таблиц и иллюстраций.

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

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

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

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