Два клика Учебник графического дизайнаОглавление ↗

6.3. Дизайн серии

Визуальный урок · Начальный уровень

Не один удачный макет.
Серия, которая живёт.

Как связать несколько выпусков, сделать каждый узнаваемым и предусмотреть следующий — ещё до того, как он появится.

Чтение: 12 минутПрактика: 30 минутНужны: бумага или любой редактор

В уроке 6.2 мы определяли постоянные правила и переменные. Теперь используем их, чтобы спроектировать несколько выпусков и понятный способ продолжать серию.

ОТ ПРАВИЛ К ПРОДОЛЖЕНИЮ

Серия обещает:
«Это часть одной истории».

Обложки книг, карточки товаров, выпуски рассылки и посты могут выходить в разное время. Человек должен узнавать их родство, отличать один выпуск от другого и понимать, как они связаны.

Узнать семейство

Общее название, шрифты, палитра и структура помогают увидеть серию даже без соседних макетов.

Различить выпуски

Тема, номер, изображение или цветовой акцент показывают, что перед нами новая часть, а не повтор прежней.

У серии две задачи: объединять и различать. Одного повторения недостаточно.

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

УЧЕБНЫЙ ПРОЕКТ / МАСТЕРСКАЯ «СЛОЙ»

Три выпуска.
Одна конструкция.

Представим серию мини-каталогов «Дневник мастерской». Каждый посвящён одному этапу работы: материалу, форме или глазури. Переключите варианты и сравните, какие решения помогают узнать семейство и отличить выпуски.

ДНЕВНИК МАСТЕРСКОЙ
01

Материал

С чего начинается керамика.

Керамика, учебная обложка выпуска 01СЛОЙ
ДНЕВНИК МАСТЕРСКОЙ
02

Форма

От движения руки — к предмету.

Керамика, учебная обложка выпуска 02СЛОЙ
ДНЕВНИК МАСТЕРСКОЙ
03

Глазурь

Цвет и поверхность готовой вещи.

Керамика, учебная обложка выпуска 03СЛОЙ

Название серии, роли текста и расположение номера повторяются. Тема, фон и кадр меняются: каждый выпуск различим, но принадлежит тому же семейству.

Что связываетОдинаковая зона для названия серии, номер в правом верхнем углу, заголовок с засечками, фотография в нижней части и подпись мастерской.

Что различаетЗаголовок темы, короткое пояснение, номер, фон и кадрирование. Отличия связаны с содержанием, а не добавлены случайно.

Все три варианта показывают одинаковые тексты. Одинаковый шаблон может работать для однотипных сообщений; здесь дополнительные визуальные различия помогают быстрее выбрать нужную тему. Фотография создана с помощью ИИ, мастерская вымышленная.

АНАТОМИЯ СЕРИИ

Сначала места и роли.
Потом оформление выпуска.

Не начинайте каждую обложку заново. Определите, какие вопросы должен быстро закрывать макет: что это за серия, какая перед нами тема и как найти нужный выпуск.

01 · Название серии и номер
02 · Тема
выпуска
03 · Короткое пояснение
04 · Изображение или свободное поле
  1. Маркер семейства. Название серии, знак или характерная типографика. Его задача — связывать выпуски.
  2. Отличительный признак. Тема или название. Его задача — помочь выбрать конкретную часть.
  3. Навигация. Номер, дата, категория или другой полезный ориентир. Не назначайте цвет единственным способом различать материалы.
  4. Правила расширения. Что делать с длинным заголовком, другим изображением или выпуском без фотографии.
Проверка без соседей: посмотрите на один выпуск отдельно. Понятно ли, что это за материал и как он называется? Человек может встретить его в поиске, рекомендации или пересланном сообщении.
ПРОВЕРКА СИСТЕМЫ

А если четвёртый выпуск
не похож на первые три?

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

04 / Новый выпуск
ДНЕВНИК МАСТЕРСКОЙ
04

Обжиг

Как температура меняет глину.

Керамика в мастерскойСЛОЙ

Проверьте два ограничения

Короткое название занимает немного места. Номер, название серии и подпись остаются на своих местах.

Разрешённые изменения

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

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

ГДЕ ЭТО ПРИМЕНИТЬ

Родство — в серии.
Ритм — в последовательности.

Если материалы читают подряд — как карусель, презентацию или брошюру, — меняйте плотность и масштаб. Общее оформление помогает двигаться дальше, а чередование даёт паузы.

Керамика на титульном слайдеОт глины
к чашке
01 / Вход: крупный образ.
Материал
02 / Объяснение: текст.
Фрагмент фотографии чашкиБлиже
к детали
03 / Наблюдение: крупный кадр.
Теперь
попробуйте
04 / Завершение: действие.

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

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

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

ВАША ОЧЕРЕДЬ / 30 МИНУТ

Три выпуска.
И один на вырост.

Сделайте четыре обложки мини-каталогов «Дневник мастерской» или четыре публикации своего проекта. Используйте одинаковый формат, например 1080 × 1350 пикселей для учебного макета.

Материалы для серии

Название серии: «Дневник мастерской». Подпись: «СЛОЙ».

01 / Материал. «С чего начинается керамика».

02 / Форма. «Как движение руки становится предметом».

03 / Глазурь. «Цвет и поверхность готовой вещи».

04 / Почему одинаковая глазурь выглядит по-разному. «Температура, толщина слоя и характер глины». Этот выпуск сделайте без фотографии.

  1. 5 минут. Определите маркер семейства, отличия выпусков и способ навигации. Нарисуйте одну общую схему.
  2. 12 минут. Сделайте первые три обложки. Используйте одинаковые тексты и роли элементов, но различайте темы.
  3. 8 минут. Добавьте четвёртый выпуск с длинным заголовком без фото. При необходимости уточните правила, затем проверьте первые три.
  4. 5 минут. Посмотрите на серию целиком и на каждый выпуск отдельно. Подготовьте лист с четырьмя макетами и короткую памятку правил.

Скачать фотографию для задания ↗. Можно использовать собственные изображения. Для своего проекта сохраните ограничения: три обычных выпуска и один с длинным названием без изображения.

Проверьте результат

Отмечено 0 из 5

Если все выпуски слишком похожи

Сначала проверьте заметность темы и номера. Затем добавьте одно осмысленное различие: кадр, цветовой акцент из палитры или масштаб изображения. Сохраняйте общую структуру, чтобы различия не разрушали семейство.

Если четвёртый выпуск развалил систему

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

Что записать в памятке

Три опоры серии; два параметра, которые можно менять; способ обозначать выпуск; решение для длинного названия и отсутствующей фотографии. Проверьте, сможет ли другой человек сделать по этой памятке пятый макет.

САМОПРОВЕРКА

Пятый выпуск —
по тем же правилам?

У серии общий шрифт, палитра и места для названия и номера. Для пятого выпуска пришёл длинный заголовок и нет фотографии. Что лучше сделать?

Серия спроектирована, когда новый выпуск можно сделать по понятным правилам, а не по памяти о предыдущем.

СЛЕДУЮЩИЙ ШАГ

ИИ-проверка готовится

Пока выполните задание и пройдите самопроверку. Сохраните лист с четырьмя макетами и памятку правил: они пригодятся для будущего разбора. В этом уроке отправка работы пока недоступна.

Раздел 6 · Визуальные системы и фирменный стиль

Урок 6.3 — дизайн серии

Вернуться к оглавлению ↗