На афише есть название, дата и красивое изображение, но она всё равно выглядит неаккуратно. Заголовок теряется, детали приходится искать, а декоративные элементы мешают читать. Часто причина в том, что макет собирали по отдельным кусочкам, без общей системы. В этом уроке создадим цифровую афишу вымышленного мастер-класса по керамике. Пройдём путь от исходного текста до проверки готовой композиции. Работать можно в привычном графическом редакторе: нам понадобятся текст, прямоугольники и направляющие.
Сначала подготовьте содержание
Для учебного макета возьмём такой текст:
«Мастер-класс по керамике»
«Слепите свою первую чашку»
«24 октября · 12:00»
«Студия „Глина“»
«Запись на сайте студии»
Главное сообщение здесь — мастер-класс по керамике. Пояснение помогает понять, что участник будет делать. Дата и место нужны для решения об участии, а последняя строка показывает следующий шаг.
Шаг 1. Создайте рабочую область
Для упражнения используем вертикальный макет размером 1080 × 1350 пикселей. Это выбранный учебный формат. Поставьте направляющие на расстоянии 80 пикселей от каждого края. Они обозначат внутреннее поле для текста. Рабочая ширина между ними составит: 1080 − 80 − 80 = 920 пикселей. Фон может доходить до края, а важные надписи пока оставим внутри направляющих. Так будет проще собрать аккуратную композицию.
Шаг 2. Разместите текст без украшений
Сделайте фон светлым, а текст тёмным. На этом этапе не добавляйте фотографию, тени и декоративные фигуры. Разместите название в верхней части макета. Под ним поставьте пояснение. Дату и место объедините в отдельный блок ниже. Способ записи расположите в нижней части. Выровняйте текстовые блоки по одной левой направляющей. Для нашего упражнения это создаст понятную связь между элементами. Если заголовок не помещается, разделите его по смыслу:
«Мастер-класс»
«по керамике»
Не пытайтесь сохранить одну строку за счёт слишком мелкого текста.
Шаг 3. Настройте размеры и начертания
Начните с одной гарнитуры, в которой есть кириллица и несколько начертаний. Например, используйте полужирное для заголовка и обычное для деталей.
Для первой версии попробуйте такие размеры:
| Элемент | Размер |
|---|---|
| Название | 88 px |
| Пояснение | 38 px |
| Дата и время | 44 px |
| Место и способ записи | 30 px |
Эти значения — отправная точка. У разных шрифтов различаются пропорции, поэтому после набора размеры нужно проверить визуально.
Посмотрите, заметно ли название раньше остальных строк. Если дата начинает конкурировать с ним, уменьшите её размер или ослабьте начертание. Если пояснение трудно прочитать, увеличьте его, не разрушая разницу между уровнями.
Шаг 4. Разделите информацию расстояниями
Название и пояснение относятся к одной смысловой группе. Дата и место — к другой. Расстояния должны помогать увидеть это разделение. Для начала оставьте 24 пикселя между названием и пояснением и 64 пикселя между этим блоком и следующей группой. Затем оцените результат.
Не нужно делать все промежутки одинаковыми. Небольшой интервал связывает строки, более широкий отделяет одну мысль от другой. Если каждый элемент стоит на одинаковом расстоянии от соседнего, группировка становится менее очевидной.
Шаг 5. Добавьте цвет
Для учебной афиши выберем тёплый светлый фон, тёмный текст и терракотовый акцент. Это авторское решение для темы керамики, а не обязательная палитра. Попробуйте фон #F4EFE8, текст #252522 и акцент #A74432. Используйте акцент в одном месте — например, для плашки с датой. После этого снова проверьте, остаётся ли название главным. Не кодируйте важную информацию только цветом. Дата должна читаться благодаря тексту, размеру и расположению, даже если различие оттенков плохо заметно.
Шаг 6. Добавьте изображение, если оно помогает
Афиша уже может работать только с текстом. Если хотите добавить фотографию чашки, поставьте её в свободной центральной области. Проверьте, не мешает ли изображение надписям и не перетягивает ли на себя всё внимание. Слишком подробный фон можно заменить более спокойным кадром.
Для настоящего мероприятия используйте изображение реального изделия или честно обозначенную иллюстрацию. Учебный визуал не должен обещать участнику результат, который организатор не предлагает.
Шаг 7. Проверьте афишу в размере просмотра
Откройте макет на телефоне так, как его увидит читатель публикации. Название должно легко читаться, дата — находиться без поиска, способ записи — оставаться понятным. Покажите афишу другому человеку и попросите назвать событие, дату и следующий шаг. Если он путается, выясните, что мешает: мелкий текст, неудачное расположение или неполное содержание.
