Текст с иллюстрациями

Теперь поговорим про текстовые модули с иллюстрациями. Где мы с вами видим текстовые модули с иллюстрациями? Далеко ходить не надо, мы их видим практически в любом интернет‑магазине:

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

Эталонный текстовый модуль с картинками

Эталонный текстовый модуль с иллюстрациями выглядит вот так:

Сначала у нас идёт иллюстрация. Почему? Да потому что иллюстрация — это самый заметный элемент, она первым делом привлекает внимание. Я вижу иллюстрацию, разглядываю её, потом читаю заголовок. И лучше понимаю, что мне показывают на иллюстрации, а потом, если я достаточно заинтересован, читаю текст.

Если сделать наоборот, в каких‑то случаях, возможно, это сработает. Здесь заголовок с текстом стоят над иллюстрацией:

🔒 Подпишитесь, чтобы смотреть лекцию

Когда что выйдет

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

Подписка

КПД ❔
24 дизайнеру, 18 редактору, 8 руководителю