Занятие 1. Визуальная концепция и фирменная графика
Работа с задачей
Разбор брифа, продукта, аудитории, сообщения и ограничений.
Использование LLM для анализа задачи и поиска нескольких визуальных направлений.
Создание
Project Context:
продукт;
задача;
аудитория;
сообщение;
референсы;
обязательные элементы;
ограничения;
элементы, которые нельзя изменять.
Основные правила работы с клиентскими материалами, референсами и конфиденциальными данными.
Magnific Spaces
Принцип node-based workflow.
Ноды Text, Upload / Media, Image Generator и связи между ними.
Работа с референсами и исходными материалами.
Создание нескольких веток для сравнения решений.
Выбор актуальной генеративной модели под конкретную задачу.
Сохранение рабочего workflow для дальнейшего использования.
Визуальное направление
Работа с цветом, формой, композицией и характером графики.
Создание фирменных форм, паттернов, текстур, фонов и дополнительных элементов.
Генерация вариантов и дизайнерский отбор рабочих результатов.
Оценка направления по соответствию задаче, выраженности визуального характера, повторяемости и возможности масштабирования на разные носители.
Формирование цветовой палитры и шрифтового направления.
Raster и Vector AI
Разница между растровой генерацией и генеративным вектором.
Определение элементов визуальной системы, которые имеет смысл переводить в редактируемый vector asset.
Illustrator AI:
Text to Vector Graphic;
Concept to Vector;
Text to Pattern.
Создание форм, паттернов, иконок и дополнительной фирменной графики.
Ручная очистка и редактирование AI-вектора.
Использование AI-генерации как основы для дальнейшей дизайнерской работы, а не как финального результата.
Approved Direction
Фиксация выбранного визуального направления.
Сохранение утверждённых цветов, графики, принципов работы с продуктом и других правил проекта.
Дополнение Project Context принятыми дизайнером решениями.
Результат занятия: Project Context, утверждённое визуальное направление, 2-3 основных элемента фирменной графики в raster/vector формате, цветовая палитра и шрифтовое направление.
Домашнее задание
Выбрать продуктовый бренд, собрать Project Context и создать для него визуальное направление и основные элементы фирменной графики.
Занятие 2. Рекламный дизайн и Key Visual
Рекламная идея
Работа с утверждённым Project Context и визуальным направлением.
LLM для рекламного сообщения, заголовков, концепций и подготовки запросов.
Поиск нескольких вариантов рекламной идеи.
Выбор идеи, которая продолжает утверждённую систему бренда.
Создание Key Visual
Работа с продуктом и утверждёнными референсами в Magnific Spaces.
Создание окружения, света и композиции.
Работа с масштабом главного объекта и визуальным акцентом.
Создание пространства под типографику и дополнительную информацию.
Генерация и сравнение нескольких вариантов.
Проверка формы, пропорций, упаковки, логотипа, материалов и важных деталей продукта.
Управляемое редактирование
Edit, Erase, Resize / Expand.
Локальная замена и исправление отдельных элементов без полной перегенерации.
Удаление артефактов и нежелательных объектов.
Исправление композиции без потери удачных частей изображения.
Улучшение выбранного изображения при необходимости.
Знакомство с Figma
Интерфейс и структура рабочего файла.
Frames, Layers и базовая работа с объектами.
Импорт изображений и работа с Fill.
Текстовые слои и базовые настройки типографики.
Выравнивание, размеры, отступы и расположение элементов.
Создание простого макета и экспорт результата.
Финальный дизайн в Figma
Сборка рекламного макета.
Использование созданной фирменной графики.
Логотип, заголовок и дополнительная информация.
Типографика, композиция и визуальная иерархия.
Проверка соответствия Approved Direction.
При необходимости дополнительный pixel-level cleanup изображения.
Результат занятия: утверждённый Key Visual и законченный рекламный макет.
Домашнее задание
Создать Key Visual для своего бренда и собрать законченный рекламный макет в Figma.
Занятие 3. Карточки товара и система дизайна
Продуктовые изображения
Создание серии изображений продукта в Magnific.
Работа с фоном, окружением и композицией.
Сохранение формы, пропорций, материалов, упаковки, логотипа и важных деталей.
Remove / Replace Background, Edit / Erase для локальных исправлений.
Проверка consistency между изображениями серии.
Структура серии
Основные типы карточек:
главный визуал;
преимущества;
характеристики;
детали продукта.
LLM для подготовки коротких текстов и структуры информации.
Определение постоянных и изменяемых элементов серии.
Использование созданных на первом занятии vector assets: иконок, паттернов, фирменных форм и графических элементов.
Разделение системы на фиксированные правила и переменный контент.
Master в Figma
Создание одного основного master-макета.
Сетка, типографика и информационная иерархия.
Components, Styles и Auto Layout там, где они помогают построить повторяемую систему.
Создание повторяемых блоков.
Создание серии на основе утверждённого master.
Проверка visual consistency между карточками.
Повторяемый AI-workflow
Использование Project Context для production-задач.
Принцип:
данные продукта → текст → изображение → master → проверка → финальный выбор дизайнером
Один практический пример agent-assisted workflow для повторяемой задачи.
Передача агенту контекста и формальных ограничений проекта.
AI помогает воспроизводить процесс и подготавливать варианты, дизайнер проверяет и утверждает результат.
Результат занятия: master-система и серия из 3-5 связанных карточек товара.
Домашнее задание
Создать серию из 3-5 карточек товара на основе одного master-макета и сохранить единый внешний вид продукта и визуальной системы.
Занятие 4. Social Media и digital-адаптации
Подготовка серии
Основные форматы: 1:1, 4:5, 9:16 и 16:9.
Выбор master-композиции.
Определение элементов, которые должны сохраняться между форматами.
Определение элементов, которые могут перестраиваться.
AI-адаптация визуала
Variations, Reframe, Resize, Crop, Expand.
Перестройка изображения под разные соотношения сторон.
Изменение положения и масштаба главного объекта.
Создание пространства под текст.
Расширение окружения при необходимости.
Проверка продукта и ключевых элементов после каждой адаптации.
Адаптация дизайна в Figma
Создание нескольких форматов вокруг одного master.
Использование общей raster и vector графики проекта.
Ручная перестройка композиции вместо простого масштабирования.
Работа с типографикой, логотипом и safe zones.
Components и общие Styles для всей серии.
Проверка визуальной иерархии отдельно в каждом формате.
Масштабирование production
Принцип master → variants.
Знакомство с template-based production и dynamic content.
Magnific Designer как пример автоматизации уже утверждённой системы.
Автоматическая подстановка текста, изображений и других переменных элементов.
Использование automation только для повторяемых операций.
Обязательная ручная проверка автоматически созданных вариантов.
Результат занятия: связанная digital-серия в нескольких форматах и понимание принципа масштабирования дизайна через master-систему.
Домашнее задание
Создать digital-серию в нескольких форматах, сохранив общую визуальную систему и адаптировав композицию под каждый размер.
Занятие 5. Концепция упаковки и презентационные mockups
Дизайн поверхности
Выбор упаковки или другого физического носителя.
Адаптация созданной визуальной системы под новый формат.
Работа с подготовленными ранее raster и vector assets.
Логотип, название продукта, фирменная графика и информационные элементы.
Работа с визуальной иерархией на физическом носителе.
Vector production в Illustrator
Использование созданных ранее редактируемых vector assets.
Адаптация фирменных форм и паттернов под поверхность носителя.
Ручное редактирование AI-generated vector graphics.
Generative Recolor для создания вариантов SKU или цветовых версий.
При необходимости Generative Expand для расширения существующей графики.
Подготовка редактируемого flat-design для дальнейшего использования.
Адаптация системы
Небольшое изменение исходной задачи: новый SKU, другой формат носителя или дополнительное ограничение.
Адаптация существующей системы без разработки проекта заново.
Проверка того, насколько Approved Direction выдерживает новый носитель и новые условия.
Mockup workflow
Magnific Mockup Generator.
Перенос готового дизайна на физический носитель.
Работа с материалом, фоном, освещением и окружением.
Создание нескольких вариантов презентационной подачи.
Проверка масштаба и расположения графики на объекте.
Локальные исправления и улучшение выбранного результата.
Граница концепта и production
Разница между презентационным mockup и производственным файлом.
Понимание дальнейшего Illustrator / prepress workflow: техническая развёртка, требования печати, вылеты и подготовка файлов не являются отдельной темой курса.
Результат занятия: редактируемая vector-графика для физического носителя, концепция оформления и 2-3 презентационных mockup-сцены.
Домашнее задание
Адаптировать визуальную систему под упаковку или другой физический носитель и подготовить несколько финальных mockups.
Занятие 6. Презентация дизайн-проекта
Ревизия проекта
Отбор лучших материалов курса.
Сравнение результата с Project Context и Approved Direction.
Проверка visual consistency между фирменной графикой, Key Visual, карточками, digital и упаковкой.
Удаление слабых, повторяющихся или не соответствующих системе материалов.
LLM для структуры презентации, заголовков и сокращения текстов.
Финальный QA
Проверка продукта, логотипов и текста.
Проверка AI-артефактов.
Проверка обязательных элементов проекта.
Проверка форматов и разрешения.
Проверка consistency между изображениями.
Проверка того, что AI не изменил элементы, которые должны оставаться неизменными.
Использование AI для проверки формальных требований, но не для оценки визуального качества проекта.
Сборка презентации в Figma
визуальное направление → фирменная графика → Key Visual → карточки → digital → упаковка
Создание обложки и основных страниц.
Работа с крупными визуалами, деталями и mockups.
Использование общей типографической, raster и vector системы проекта.
Создание понятной последовательности проекта.
Финальный дизайнерский отбор и сокращение презентации до сильнейших материалов.
Результат занятия: законченная презентация дизайн-проекта на 6-8 страниц и готовый AI-assisted проект, построенный вокруг единой визуальной системы.
Домашнее задание
Завершить презентацию проекта, провести финальную проверку материалов и подготовить работу к итоговому просмотру.
Занятие 7. Просмотр итоговых работ
Просмотр курсовых работ участников.
Вам нужно войти или зарегистрироваться