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

6.1. Визуальная согласованность: единство без однообразия

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

Первая привлекает.
Вторая продолжает.

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

Чтение: 10 минутПрактика: 20 минутНужны: два листа или любой редактор
СНАЧАЛА — ЛОГИКА

Сохраните родство.
Измените громкость.

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

01 / Обложка

Тихий
лес

Полевой дневник
наблюдений

Крупная сцена, насыщенный фон, выразительное название. Задача — заинтересовать.

02 / Внутренняя страница

Замедлиться
и заметить

Начните с одного листа. Рассмотрите его форму, оттенок и рисунок прожилок.

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

Связь держится на листе и цвете. Заголовок и текст не спорят с изображением.

Повторяйте узнаваемый признак, а не всю композицию.

ПРИЁМ 01 / ОБЪЕКТ

Оставьте главного героя

Если на обложке есть выразительный объект, перенесите его внутрь без окружения. Форма останется знакомой, а белое поле изменит характер страницы.

Было: объект в окружении

Гербарий

Формы осени
Стало: объект отдельно

Один лист

Посмотрите, как изгиб края и тонкая ножка определяют его силуэт.

Что сохраняем

Силуэт, оттенок и характер объекта. Его размер можно изменить.

Что упрощаем

Убираем пейзаж, второстепенные детали и лишние акценты. Оставляем один центр внимания.

Подходит для предметной обложки, каталога, портфолио. Сначала проверьте, узнаваем ли объект без фона.

ПРИЁМ 02 / МАСШТАБ

От общего — к детали

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

Дальний план

Маршрут
выходного дня

Лесная тропа
Близкий план

Под ногами

Первое наблюдение: найдите три листа с разной формой края.

Панорама задаёт место. Деталь даёт человеку точку входа.

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

ПРИЁМ 03 / ФРАГМЕНТ

Из множества выберите один

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

Коллекция
Собрание форм
Одна история

Ритм лучей

Один знак из коллекции становится темой отдельного разворота.

Свяжите выбор со смыслом

Для истории о ритме подходит лучистый знак. Случайно выбранный красивый элемент не объяснит переход.

Дайте тексту место

В плотной мозаике оставьте спокойное поле под название. Возьмите его цвет из соседних элементов.

ПРИЁМ 04 / ЗНАК

Создайте связующий элемент

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

Знак на тёмном поле
Л

Лесная
мастерская

Наблюдать. Собирать. Создавать.
Тот же знак на светлом поле
Л

О мастерской

Мы учимся замечать природные формы и переносить их в простые композиции.

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

ОТ СХЕМЫ К ДИЗАЙНУ

Один приём.
Разные носители.

Где это работает за пределами учебной схемы?

Представим керамическую мастерскую «Слой». У неё есть сайт, небольшой каталог, упаковка и визитка. Фотография предмета, тёплая палитра и простой знак связывают их в одну историю. Ниже — четыре пары готовых учебных макетов.

Сайт: от атмосферы к предмету

ПРИЁМЫ 01 + 03
Керамика · Мастерская
Авторская фотографическая сцена: керамическая чашка и миска на каменном постаменте
ВЕЩИ ДЛЯ ЕЖЕДНЕВНЫХ РИТУАЛОВ

Тепло
в ладонях

Смотреть коллекцию ↗
Главный экран: фотография создаёт настроение коллекции.
Коллекция / Чашка 01
Крупный кадр той же керамической сцены
КАМЕННАЯ КЕРАМИКА

Чашка
«Песок»

Матовая глазурь.
Неровный край.
Каждая — немного своя.

Объём 220 мл

Подробнее о предмете ↗
Страница предмета: фотография становится спокойнее, описание — заметнее.

Что переносимТот же предмет и фотостиль, логотип, молочный фон, характер заголовков. Вместо общей сцены внимание получает один товар.

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

На сайте «вторая страница» — это следующий шаг: из образа бренда к конкретному выбору.

Книга: от предмета к его фактуре

ПРИЁМ 02
Фотография керамики на обложке учебного каталога

Форма
тишины

Керамика и повседневные ритуалы

КОЛЛЕКЦИЯ / 01
Обложка: цельный образ и крупное название.
Увеличенный фрагмент фотографии, показывающий материал и свет
01 / МАТЕРИАЛ

След
руки

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

СЛОЙ · 03
Внутренний разворот: фрагмент изображения и место для рассказа.

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

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

Упаковка: от обещания к заботе

ПРИЁМ 04

Сделано
для ваших рук

Фотографическая полоса на макете коробки
Л / КЕРАМИКА РУЧНОЙ РАБОТЫ
Коробка: узнаваемая фотография и тёплый цвет картона.
Л

Пусть любимое
служит долго

Спасибо, что выбрали вещь, сделанную вручную.

Мойте мягкой губкой.
Избегайте резких перепадов температуры.
После мытья дайте высохнуть.

Вкладыш: меньше изображения, больше полезного текста.

Что переносимНазвание, небольшой знак «Л», тёплый оттенок и типографику. Фотографию можно убрать: связь уже поддерживают другие признаки.

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

Текст ухода приведён как часть учебного макета; для реального изделия его нужно согласовать с технологией производства.

Фирменный стиль: знак меняет фон

ПРИЁМ 04
Л

КЕРАМИЧЕСКАЯ МАСТЕРСКАЯ
Лицевая сторона: одно короткое впечатление.
Л

Анна Белова

Керамист · Основатель мастерской

Керамика для повседневной жизни
Коллекции · Индивидуальные заказы

Оборот: информация в том же визуальном языке.

Что переносимГеометрию знака, цвет и шрифты. Тёмное и светлое поля меняются местами, но обе стороны воспринимаются как одна вещь.

ЗачемОдна сторона запоминается, другая сообщает детали. Тот же принцип работает в сертификате, подарочной карте, папке или паре «конверт + письмо».

Как выбрать приём под свою задачу

Что есть в исходникеЧто сделать дальшеГде попробовать
Сильный отдельный предметПовторить героя, убрать окружениеКарточка товара, каталог
Общая сцена или средаПриблизить смысловую детальКнига, статья, история проекта
Коллекция или мозаикаВыбрать один элементКаталог → товар, портфолио → кейс
Нечего извлечь из фотографииПовторить простой знакУпаковка, вкладыш, фирменный стиль

«Слой» — вымышленная мастерская. Фотография создана с помощью ИИ, макеты — учебные примеры. Элементы сайта внутри иллюстраций показывают дизайн, а не действующий магазин.

ОДИН БРЕНД / СЕРИЯ ПУБЛИКАЦИЙ

Единый стиль.
Разные сообщения.

Как связать публикации в Instagram, Facebook или другой социальной сети.

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

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

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

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

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

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

Соберите пару страниц

Задача: обложка и первая внутренняя страница небольшой брошюры «Прогулка по саду». Формат обеих страниц одинаковый, например А5. Если вам ближе соцсети, выберите альтернативное задание ниже.

Материал для макета

Обложка: «Прогулка по саду» · «Дневник наблюдений».

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

  1. 3 минуты. Выберите собственное фото сада или нарисуйте условный пейзаж.
  2. 5 минут. Сделайте обложку с одним главным акцентом.
  3. 7 минут. Выберите один из четырёх приёмов. Соберите внутреннюю страницу с заданным текстом.
  4. 5 минут. Поставьте страницы рядом. Уберите со второй всё, что не помогает читать или узнавать связь.

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

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

Как улучшить макет, если связь потерялась?

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

Если внутренняя страница выглядит пустой?

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

ЗАКРЕПИМ

Что перенести внутрь?

На обложке каталога — коллаж из девяти керамических чашек. На второй странице начинается рассказ об одной чашке ручной работы. Какое решение лучше поддержит этот переход?

Хорошее продолжение узнаваемо по деталям и свободно по композиции.

ПРАКТИКА / СЛЕДУЮЩИЙ ШАГ

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

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

Отправка работ и ИИ-разбор пока недоступны. О запуске проверки сообщим в этом разделе.

Вернуться к оглавлению ↗
Раздел 6 · Визуальные системы и фирменный стиль

Урок 6.1 — единство без однообразия

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