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

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

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

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

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

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

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

🔒 Запишитесь на курс, чтобы участвовать

Когда в следующий раз откроется запись

Оставьте почту, чтобы узнать, когда будет открыта запись на этот и другие курсы.

Запись на курс закрыта

Студенты дневных и вечерних отделений получают скидку 50 %.

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