№ 004 Как сделать любой макет понятным

Недавно проводил консультацию SMM-дизайнерке одной из сетей ресторанов быстрого питания. Разбирали множество её макетов за месяц, но на одном остановились с особенным вниманием.На его примере можно идеально рассмотреть, как улучшать макеты с помощью простых решений, которые сделают его более наглядным и понятным.ИсходникУ нас есть такой простой макет, содержащий заголовок, текст и фотографию. Информация воспринимается с трудом, потому что из средств выразительности дизайна тут используются только строчки текста.Избавляемся от дублирования информацииИ в заголовке, и в тексте есть текст про «подарок за заказ в приложении». Чтобы ускорить чтение макета, стоит убрать дублирование, и, например, оставить эту инфу только в заголовке.Одинаковую по смыслу инфу показываем визуально одинаковоВидим, что у нас есть несколько групп информации на макете:Главное инфо «Подарок за заказ в приложении»Условия получения подарка: «За первый заказ» и «Подарок за заказ от 599 ₽»Подарок: «Цезарь Ролл» и фото Цезарь РоллаТаким образом, главное инфо оставляем в заголовке, условия добавляем в плашки.Продолжаем группировать информациюДобавляем название подарка к его фотографии, чтобы было удобнее воспринимать информацию.Наваливаем маркетингаНе всегда, но иногда дизайнер может проявить инициативу и добавить важную, на его взгляд, информацию. Например, можно указать, сколько люди сэкономят, получив подарок. Эту информацию логично поставить рядом с самим подарком.Вся инфа на макете — выбираем для неё композициюПосле манипуляций с информацией выбираем оптимальную композицию, учитывая форму фотографию, объём информации, пропорцию информацию друг к другу.Лучше смотрите подробное видео!https://medium.com/media/063509e684b66d494ffe8a16c139df5c/hrefСмотреть на

Апр 18, 2025 - 13:38

Недавно проводил консультацию SMM-дизайнерке одной из сетей ресторанов быстрого питания. Разбирали множество её макетов за месяц, но на одном остановились с особенным вниманием.

На его примере можно идеально рассмотреть, как улучшать макеты с помощью простых решений, которые сделают его более наглядным и понятным.

Исходник

У нас есть такой простой макет, содержащий заголовок, текст и фотографию. Информация воспринимается с трудом, потому что из средств выразительности дизайна тут используются только строчки текста.

Избавляемся от дублирования информации

И в заголовке, и в тексте есть текст про «подарок за заказ в приложении». Чтобы ускорить чтение макета, стоит убрать дублирование, и, например, оставить эту инфу только в заголовке.

Одинаковую по смыслу инфу показываем визуально одинаково

Видим, что у нас есть несколько групп информации на макете:

Главное инфо «Подарок за заказ в приложении»
Условия получения подарка: «За первый заказ» и «Подарок за заказ от 599 ₽»
Подарок: «Цезарь Ролл» и фото Цезарь Ролла

Таким образом, главное инфо оставляем в заголовке, условия добавляем в плашки.

Продолжаем группировать информацию

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

Наваливаем маркетинга

Не всегда, но иногда дизайнер может проявить инициативу и добавить важную, на его взгляд, информацию. Например, можно указать, сколько люди сэкономят, получив подарок. Эту информацию логично поставить рядом с самим подарком.