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

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

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

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

Было
Стало

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

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

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

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

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

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

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