Переделываем локальный макет с сезонным предложением
Переделаем локальный макет из Еревана. На макете сезонное предложение: ананасовые рулетики и чай. Тут есть заголовок, ценники, показаны продукты и вроде всё на месте. Но продукты на макете не собираются в общую композицию, суть предложения не очевидна. Элементы расположены довольно хаотично, сложно выделить главное.

Вот что можно сделать, чтобы макет стал лучше.
Возьмем готовый шаблон листовки. Скачаем его вот тут. На шаблоне есть разметка, нижняя плашка с логотипом и лигал. Разметка поможет нам не потерять поля в процессе.

Начнем работу с заголовка. Мы будем делать в этом макете самую простую прямоугольную композицию с выравниванием по левому краю, поэтому поставим заголовок по разметке в левом верхнем углу, выключка текста тоже по левому краю.
Текст в макете не должен выходить за границы, отмеченные на шаблоне. Звёздочка-сноска около заголовка не нужна. Все необходимые подробности просто пишем в лигале внизу макета.

Разберёмся c ценниками. Задача акционного макета — транслировать выгоду. Сейчас, глядя на листовку, невозможно понять, в чем именно она заключается. Выгода комбо-набора бывает в цене, которая ниже, чем сумма цен продуктов. Сложим цены на листовке — это будет цена набора. Придумаем для примера цену «до» и сделаем общий ценник. Так акционное предложение станет очевидным.
Плашка ценника — таблетка, прямоугольник с полностью скруглёнными углами. Сохраняем прямоугольность вёрстки, выравниваем ценник по левому краю.

Заменим фото продуктов. Сейчас из-за пенки по краю стакана чай больше похож на пиво. А рулетки лежат не очень аппетитной грудой. Возьмём другие фотографии, где чай похож на чай, а рулетки лежат в коробке.

Подпишем продукты. Это можно делать на отдельных плашках рядом с самим продуктом, но в нашем случае слово «ананасовые/արքայախնձորով» очень длинное, лучше разместим название после заголовка, как саблайн. Саблайн должен иметь однозначную точку притяжения, а не зависать на равном расстоянии между заголовком и ценником. Поэтому он ближе к заголовку, чем к цене, но при этом не вторгается в интерлиньяж заголовка.

Заменим фон. Композиция уже выглядит неплохо, теперь поменяем фон на более «десертный». Фон с листочками не в стиле Додо, кроме того, на светлом розовом фоне продукты лучше видны, чем на оранжевом. О том, как подобрать цвет фона написали в гайде про сочетания цветов. Вместе с фоном меняем цвет текста и ценника.

Финально уравновешиваем композицию. Когда мы поменяли цвет фона, стало заметно, что футер листовки тяжелее верха и композиция не сбалансирована. Исправим это, добавив жирности заголовку и цене.

Ставим лигал. Вместо лигала на русском, который был в шаблоне, ставим актуальный для этого макета. Чтобы правильно составить лигал и учесть местное законодательство, проконсультируйтесь с юристом.
Было — стало

Получился простой и ясный макет. Суть предложения считывается без усилий, продукты не сливаются с фоном, верстка простая, но аккуратная.
Читать далее: