6.2. Постоянное и переменное
Сохранить характер.
Менять под задачу.
Как определить правила визуальной системы и оставить достаточно свободы для разных сообщений.
В уроке 6.1 мы связывали два макета. Теперь определим, что именно делает их одной системой — и как сохранить это в новых работах.
Повторяется не макет.
Повторяется логика.
Для узнаваемости не обязательно ставить одну фотографию в одно и то же место. Важно выбрать несколько опор и соблюдать их. Остальные решения зависят от содержания и формата.
Постоянное
Правила, которые поддерживают характер всей серии.
- Один способ написания названия.
- Определённые роли шрифтов.
- Палитра и роли её цветов.
- Принцип отступов и выравнивания.
Переменное
Параметры, которые помогают решить задачу конкретного макета.
- Фотография и её кадрирование.
- Доля текста и изображения.
- Светлый или тёмный фон из палитры.
- Размер заголовка в заданном диапазоне.
Переменная — это разрешённый выбор внутри системы, а не случайное решение.
Нет универсального списка постоянных элементов. У другого бренда цвет может меняться, а композиция оставаться неизменной. В этом уроке мы выбираем правила для конкретной мастерской.
Три сообщения.
Один визуальный язык.
Первый пост знакомит с коллекцией, второй показывает чашку, третий напоминает об уходе. Переключите варианты: одинаковое содержание поможет увидеть разницу между копированием, системой и случайным оформлением.
СЛОЙСЛОЙСЛОЙСохраняем палитру, шрифты и название. Меняем композицию: настроение → предмет → полезная информация.
Что удерживает сериюТёплый свет, молочный и оливковый, заголовки с засечками, спокойный текст без засечек, одинаковое написание «СЛОЙ».
Что помогает сообщениям отличатьсяМасштаб фотографии, её присутствие или отсутствие, плотность текста и фон. Эти изменения объясняются содержанием.
Одинаковый шаблон бывает полезен для однотипных сообщений. Здесь задачи различаются: полезный совет не обязан выглядеть как анонс коллекции. Фотография создана с помощью ИИ; «Слой» — вымышленная мастерская.
Замените «делать похоже»
конкретными условиями.
Правило должно помочь другому дизайнеру принять решение. «Спокойно и красиво» описывает настроение. «Один акцент и два уровня текста» уже задаёт способ работы.
| Параметр | Постоянное правило | Что разрешено менять |
|---|---|---|
| Название | «СЛОЙ», прописные буквы с разрядкой. | Светлый или тёмный вариант для контраста с фоном. |
| Типографика | Заголовок — Literata, пояснение — Cygre. | Размер и переносы по смыслу, без искажения букв. |
| Цвет | Молочный #FAF6EB и оливковый #49483B. | Поменять местами фон и текст, сохранив читаемость. |
| Изображение | Естественный тёплый свет, спокойный предметный кадр. | Общий план, крупная деталь или макет без фото. |
| Поля | Одинаковые поля в макетах одного формата. | Для другого формата определить новые поля и последовательно их применять. |
Меняется ширина.
Сохраняется характер.
У широкой карточки и узкой истории разные пропорции. Вместо уменьшения всего макета перестройте композицию. Сохраните шрифты, цвета и смысловую иерархию.
Открытая мастерская
Посмотрите, как рождается чашка.
Суббота · 12:00
Открытая
мастерская
Посмотрите,
как рождается чашка.
Суббота
12:00
Событие и кнопки — часть учебного макета. В узком варианте меняются переносы и высота блока, а название, палитра и порядок чтения остаются знакомыми.
Сначала правила.
Затем три макета.
Создайте маленькую систему для мастерской «Слой» или собственного проекта. Задача — показать разные сообщения в одном визуальном языке, а не подготовить три одинаковые картинки.
Задание
Сделайте три вертикальных поста одного размера, например 1080 × 1350 пикселей. Это размер учебного макета: перед реальной публикацией проверьте его в нужном размещении.
- 5 минут. Запишите три постоянных правила и две переменные. Например: шрифт, палитра и поля постоянны; кадрирование и доля текста меняются.
- 12 минут. Соберите три сообщения: знакомство с коллекцией, рассказ об одном предмете, полезный совет.
- 5 минут. Поставьте их рядом. Исправьте случайные отличия и проверьте читаемость каждого поста отдельно.
- 3 минуты. Подготовьте два листа для проверки: на первом — три макета рядом, на втором — список правил и короткое пояснение.
Тексты для мастерской
Знакомство: «Для тихого утра». «Знакомьтесь: коллекция “Песок”».
Предмет: «Каждая — немного своя». «Чашка “Песок”. Матовая глазурь и мягкий неровный край».
Совет: «Бережно. Каждый день». «Мягкая губка. Без резких перепадов температуры».
Скачать фотографию для задания ↗. Можно использовать и собственное изображение.
Перед отправкой
Отмечено 0 из 5
Как понять, что правила слишком жёсткие?
Если каждое новое сообщение приходится обрезать, мельчить или втискивать в прежнюю композицию, системе не хватает разрешённых вариантов. Сохраните шрифт и палитру, но предусмотрите макеты с фото и без него, коротким и длинным заголовком.
Как понять, что свободы слишком много?
Закройте названия проекта и сравните работы. Если больше нечего назвать общим, выберите ещё одну опору: например, роли шрифтов или принцип полей. Это практическая подсказка, а не универсальный тест узнаваемости.
Что можно изменить?
Вы определили два шрифта, молочно-оливковую палитру и одинаковые поля для серии. Новый пост — текстовый совет. Какое решение сохраняет систему и помогает сообщению?
Выберите ответ, чтобы увидеть объяснение.
Хорошая система ограничивает случайность, но оставляет свободу для смысла.
ИИ-проверка
готовится.
Сейчас можно бесплатно изучить урок, выполнить задание и проверить себя по критериям выше. Сохраните макеты и пояснение к ним: они пригодятся для будущего разбора.
Отправка работ и ИИ-разбор пока недоступны. О запуске проверки сообщим в этом разделе.
Вернуться к оглавлению ↗Урок 6.2 — постоянное и переменное