Урок 2: Мудборды, стайл-гайды и презентации

Логотип и базовая векторная пластика готовы — что дальше? Между утверждённым знаком и запуском продукта лежат три ключевых документа: мудборд (переводит абстрактные пожелания клиента на язык фактур и света), стайл-гайд (фиксирует жёсткие правила, чтобы бренд не развалился на двухсотом макете) и клиентская презентация (продаёт решение на языке бизнеса).

В 2026 году нейросети позволяют собрать черновик каждого из этих документов за 15 минут. Но именно здесь кроется главная ловушка: если скормить модели размытый запрос или слепо довериться автогенерации слайдов, вы получите усреднённый шаблон без характера. Разберём, как управлять AI по-директорски.

Чему вы научитесь

• Собирать системные мудборды по матрице из 5 категорий, избегая ловушки «коллажа из одной генерации»
• Отличать поисковый мудборд для клиента от чистового набора референсов для обучения AI-стиля (Recraft V4.1 / Midjourney Style Reference)
• Проектировать стайл-гайды и питч-презентации в Gamma 3.0 через структурные промпты с ролями типографики и сетки
• Заменять нейросетевые заглушки реальными дизайн-токенами и проверять факты перед отправкой заказчику

Для практики используем arckep.ru — все основные модели, без VPN, оплата рублями. Вы можете использовать любые другие сервисы.

Системный мудборд: почему нельзя генерировать «мудборд целиком»

Новички часто пишут в нейросеть запрос вроде «Moodboard for eco coffee brand» и получают красивую картинку, где на одном холсте нарисованы фальшивые палитры, нечитаемые шрифты и случайные чашки. Для реальной работы такой файл бесполезен: из него нельзя взять ни цвет, ни текстуру, а при попытке загрузить его как референс стиля в Recraft V4.1 модель начнёт склеивать рамки коллажа с объектами (recraft.ai/docs/v4-styles-creation-guide).

Профессиональный подход — генерировать отдельные чистые карточки по пяти осям визуальной системы и собирать их в модульную сетку 3×3 вручную в Figma.

Пять осей мудборда (глобальное → локальное)

Как отмечает руководство по промптингу Recraft V4.1 (fuser.studio/articles/recraft-v4-guide), в растровых генерациях порядок описания всегда должен идти от глобального к локальному: основная концепция и сцена → фон и среда → ракурс и композиция → физические детали и фактуры → направление света → глубина резкости и контраст.

Для кофейни «Зерно» разобьём мудборд на 5 управляемых карточек:

1. Тактильная фактура (Material & Texture): бумага, камень, дерево, керамика — то, к чему прикасается клиент.
2. Светотеневой ключ и фотостиль (Lighting & Photography): характер освещения (мягкий утренний контровой свет или жёсткая студийная вспышка).
3. Материальный носитель (Hero Mockup): ключевой физический предмет с фирменной выкраской.
4. Типографический контраст (Type Specimen): соотношение массивного заголовка и спокойного наборного гротеска.
5. Ботанический или геометрический мотив (Graphic Motif): вспомогательная графика и паттерны.

Посмотрите, как работают точечные промпты для отдельных ячеек сетки на arckep.ru:

Мокап фирменного стиля (Nano Banana 2 через arckep.ru)

Текстура плотной крафтовой бумаги ручного литья с тонкими вкраплениями кофейной шелухи.
Тёплый бежевый оттенок #F5E6D3. Мягкое естественное боковое освещение слева, подчёркивающее микрорельеф волокон.
Строгий вид сверху (flatlay), макросъёмка, без посторонних предметов и текста.

Предметная фотография для брендбука: матовая керамическая чашка ручной работы цвета терракоты на грубом дубовом столе.
Утренний низкий солнечный свет из окна справа, длинные мягкие тени на фактурной штукатурке стены.
Палитра: обжаренный эспрессо #3D2314, тёплый крем #F5E6D3, шалфейный серый. Снято на 50mm f/2.0, малая глубина резкости.

Элемент мудборда (FLUX.2 Pro через arckep.ru)

Стайл-гайд и презентация в Gamma 3.0: директорский подход

Когда визуальное направление утверждено, правила нужно зафиксировать в стайл-гайде (Brand Guidelines). Если просто написать в Gamma 3.0 «Сделай брендбук для кофейни», встроенный агент выдаст 12 водянистых слайдов с общими фразами про «аромат свежесваренного утра» и случайными стоковыми картинками.

Чтобы получить рабочий инструмент, промпт для Gamma 3.0 должен быть структурным техзаданием, где жёстко заданы роли цветов, иерархия типографики, модульная сетка карточек и запреты (Don’ts).

Что появилось в Gamma 3.0 (2026) и как это применять дизайнеру

• Gamma Agent с веб-верификацией. Встроенный агент умеет перестраивать сетку всех карточек одной командой («Переведи карточки 4 и 5 в сравнительную таблицу Do / Don’t на две колонки») и подтягивать рыночную статистику со ссылками на источники.
• Контроль плотностей и тем. В настройках темы (Theme → Custom) вы один раз загружаете свой векторный логотип SVG, вбиваете HEX-коды фона и акцентов и подгружаете файлы шрифтов .woff2 / .ttf с Google Fonts. После этого все новые слайды строятся строго в вашей дизайн-системе.
• Режим Remix для разных адресатов. Из одного технического стайл-гайда на 10 карточек можно в один клик собрать короткий питч на 6 карточек для собственника бизнеса (фокус на отстройке от конкурентов и окупаемости упаковки) или памятку для подрядчика по печати.

Пошаговый маршрут: собираем стайл-гайд и защищаем концепцию за 45 минут

1. Генерация атомарных карточек мудборда (10 минут). В Nano Banana или FLUX.2 Pro на arckep.ru сгенерируйте 5 отдельных изображений без текста: макротекстуру материала, предметный кадр с фирменным светом, цветовую растяжку, природный или геометрический мотив и мокап основного носителя. Соберите их в сетку 3×3 в Figma, поместив векторный знак в центральную ячейку.

2. Настройка кастомной темы в Gamma 3.0 (5 минут). До генерации текста зайдите в настройки темы Gamma, пропишите точные HEX-коды ролей (Background #F5E6D3, Primary Accent #6B4226, Text #1A1A1A) и подключите шрифтовую пару (например, Montserrat + Inter).

3. Генерация каркаса по 8-карточному директорскому промпту (10 минут). Создайте презентацию со следующей жёсткой структурой:

   • Карточка 1: Позиционирование и характер бренда (3 ключевых прилагательных + анти-референсы).
   • Карточка 2: Мудборд 3×3 и светотеневой ключ.
   • Карточка 3: Архитектура логотипа (основная версия, инверсия, знак для фавиконки 16 px).
   • Карточка 4: Охранное поле и минимально допустимые размеры в пикселях и миллиметрах.
   • Карточка 5: Цветовая система (пропорция площадей 60% фон / 30% основной тон / 10% акцент + коды HEX и RGB).
   • Карточка 6: Типографическая шкала (роли заголовков H1–H3, наборного текста и подписей).
   • Карточка 7: Фирменные носители (упаковка, вывеска, шаблон поста).
   • Карточка 8: Таблица запретов (Don’ts) на реальных примерах искажений вашего знака.

4. Замена заглушек и фактчекинг (20 минут). Выбросьте все стоковые картинки, которые Gamma подставила по умолчанию, и вставьте свои SVG-логотипы и мокапы. Проверьте каждую цифру: если агент написал «рынок спешелти-кофе вырос на X%», кликните по ссылке источника или удалите непроверенное утверждение.

Когда выбирать Gamma 3.0, Canva или Figma

В следующем уроке разберём, как превратить зафиксированный стайл-гайд в конвейер графики для соцсетей, плакатов и упаковки с идеальной вёрсткой текста в Ideogram 4.0/4.5, Recraft V4.1 и Canva Magic Studio.