. . .
Пройди тест и отправь результаты своему куратору. Подробный разбор доступен
в дополнительных материалах темы.
в дополнительных материалах темы.
Создание сюжет - карты
Создание и сборка сюжет карты, проработка идеи
и концепции.
Соотношение днк бренда и выдвинутых первых визуальных решений.
и концепции.
Соотношение днк бренда и выдвинутых первых визуальных решений.
Формирование концепции
Прототипирование визуальных решений
( подбор цвета, шрифтовой пары, логотипа, графики и тд) Занесение в сюжет - концепцию.
( подбор цвета, шрифтовой пары, логотипа, графики и тд) Занесение в сюжет - концепцию.
5 неделя
Итог двух недель практики -
готовая концепция на этапе
предварительной сборки.
готовая концепция на этапе
предварительной сборки.
Готовим проект к защите и наверстываем упущенное
( для тех кто задержался, не успел, опоздал ). Выделяем дополнительные разборы на сложные области.
( для тех кто задержался, не успел, опоздал ). Выделяем дополнительные разборы на сложные области.
+
План обучения
2 неделя
3 неделя
4 неделя
выбор брифа и анализ
создание сюжет карты
формирование первичной концепции
1. Первый модуль
2. Второй модуль
3. Третий модуль
4. Четвертый модуль
5. Пятый модуль
6. Шестой модуль
7. Седьмой модуль
2. Второй модуль
3. Третий модуль
4. Четвертый модуль
5. Пятый модуль
6. Шестой модуль
7. Седьмой модуль
План широкими мазками
Стратегия при ведении
дизайн проекта с клиентом
дизайн проекта с клиентом
Инструменты для работы
Масштабируемость
визуального хода
визуального хода
Основы композиции
Менеджмент
и реализация в нише
и реализация в нише
Регламенты дизайнера
и документы
и документы
graphic design and visual language
Добро пожаловать
Вам будут доступны модули:
Направление:
Графический дизайн и визуальный язык, не только видеть, но и уметь формулировать.
Вы изучаете, как создавать фирменный стиль: от идеи до визуального воплощения. Учимся мыслить как дизайнер, строить визуальную систему бренда, работать со шрифтом, цветом, композицией, движением и смыслом.
Вы изучаете, как создавать фирменный стиль: от идеи до визуального воплощения. Учимся мыслить как дизайнер, строить визуальную систему бренда, работать со шрифтом, цветом, композицией, движением и смыслом.
Joan Miró
Проектный трек (точные тайминги по датам можно запросить у куратора):
(кликабельный текст)
Навигация:
Что будет в модуле:
Три урока, на которых складывается база визуального мышления. Сначала разберём, как вообще устроен визуальный язык
и откуда берётся сильный дизайн. Потом цвет: как он управляет вниманием, настроением и характером бренда. И в конце типографика: как форма буквы влияет на восприятие текста. К каждому уроку идёт практика.
Урок: визуальная идея
это не вдохновение,
а система наблюдений.
это не вдохновение,
а система наблюдений.
О том как устроен визуальный язык
и как им управлять.
и как им управлять.
Закрепляем наблюдения из первого урока на практике. Пробуем собирать, фиксировать и раскладывать визуальные решения для своего проекта.
1
Практика
к уроку 1:
к уроку 1:
Применяем принципы из урока
на практике: учимся наблюдать, фиксировать и переводить наблюдения
в конкретные решения. Подходит и тем, кто делает это впервые, и тем, кто хочет систематизировать уже существующий подход.
на практике: учимся наблюдать, фиксировать и переводить наблюдения
в конкретные решения. Подходит и тем, кто делает это впервые, и тем, кто хочет систематизировать уже существующий подход.
Первые шаги к визуальному языку проекта. Берём принципы из урока
и пробуем на деле: наблюдать, фиксировать и превращать
это в конкретные решения.
и пробуем на деле: наблюдать, фиксировать и превращать
это в конкретные решения.
2
Урок: цвет
в визуальной системе.
Как он работает и как
им управлять.
в визуальной системе.
Как он работает и как
им управлять.
Цвет — одна из базовых опор визуального мышления. Разбираем, как он задаёт настроение, смысл
и акценты в системе. Учимся читать палитру: почему цвета собираются именно так, как работают контрасты, за что отвечает каждый цвет и как с его помощью направлять внимание.
и акценты в системе. Учимся читать палитру: почему цвета собираются именно так, как работают контрасты, за что отвечает каждый цвет и как с его помощью направлять внимание.
3
≈ 2–3 дня
МОдуль 1
Практика
к уроку 2:
к уроку 2:
4
Урок: типографика.
Шрифт в дизайне.
Его роль и значение.
Шрифт в дизайне.
Его роль и значение.
Разбираем, почему шрифт создаёт ощущение ещё до того, как мы прочитаем слова. Изучаем, какие параметры формы влияют на восприятие, как культура меняет значение одного и того же шрифта и как выстроить типографическую систему, в которой каждый элемент выполняет свою роль.
5
Практика
к уроку 3:
к уроку 3:
6
Теперь у тебя есть, чем смотреть на форму: как цвет создаёт ощущение, как шрифт задаёт характер, как система управляет восприятием. Это та оптика, через которую ты теперь видишь визуальный мир.
На следующем этапе перейдём от формы к содержанию. Бриф — это процесс, где слова, ощущения и задачи клиента превращаются
в идею. Научимся слышать то, что стоит за запросом, и переводить это в замысел, из которого потом вырастут все визуальные решения.
На следующем этапе перейдём от формы к содержанию. Бриф — это процесс, где слова, ощущения и задачи клиента превращаются
в идею. Научимся слышать то, что стоит за запросом, и переводить это в замысел, из которого потом вырастут все визуальные решения.
Завершение модуля:
≈ 2–3 дня
≈ 2–3 дня
≈ 2–3 дня
сдать задание можно в любом удобном виде
— собирать и анализировать информацию клиента
— находить намерения и противоречия
— формулировать идею
— создавать первые визуальные опоры: референсы и мудборды
Это станет смысловой базой для будущего визуального решения.
Когда вы научитесь слышать бренд и переводить его суть
в визуальный язык: перейдём к созданию айдентики. Логотип, графическая система, носители: всё то, что собирается
из фундамента, который мы выстроим в этом модуле.
На следующем модуле вы получаете главное задание программы.
— находить намерения и противоречия
— формулировать идею
— создавать первые визуальные опоры: референсы и мудборды
Это станет смысловой базой для будущего визуального решения.
Когда вы научитесь слышать бренд и переводить его суть
в визуальный язык: перейдём к созданию айдентики. Логотип, графическая система, носители: всё то, что собирается
из фундамента, который мы выстроим в этом модуле.
На следующем модуле вы получаете главное задание программы.
После модуля 2 ты сможешь:
Вопросы моудля: Figma и Illustrator:
где работать?
где работать?
Урок 1
Урок 2
Урок 3
Урок 4
Урок 5
Урок 6
Урок:что такое бриф
и зачем он нужен: не как документ,а как процесс понимания сути
и зачем он нужен: не как документ,а как процесс понимания сути
Научиться переводить разговор
в смысл,а смысл в идею.
В этом уроке разберём, как читать ответы клиента глубже, чем они написаны, как отличать настоящую задачу от личного вкуса, страха или чужого бренда, и как задавать вопросы, которые вытаскивают конкретику вместо новых абстракций. Научитесь формулировать характер бренда
в одной фразе и опираться
на неё от борда до финальной защиты.
в смысл,а смысл в идею.
В этом уроке разберём, как читать ответы клиента глубже, чем они написаны, как отличать настоящую задачу от личного вкуса, страха или чужого бренда, и как задавать вопросы, которые вытаскивают конкретику вместо новых абстракций. Научитесь формулировать характер бренда
в одной фразе и опираться
на неё от борда до финальной защиты.
Как превратить понимание клиента
в дизайн-решение, не перепрыгивая сразу к визуалу. Разбираем понятие «регистр», карту осей и на живых примерах смотрим, как смысл бренда превращается в форму.
в дизайн-решение, не перепрыгивая сразу к визуалу. Разбираем понятие «регистр», карту осей и на живых примерах смотрим, как смысл бренда превращается в форму.
7
Урок:что такое бриф
и зачем он нужен: не как документ,а как процесс понимания сути. ближе
к форме.
и зачем он нужен: не как документ,а как процесс понимания сути. ближе
к форме.
8
Практика:
(1) Бриф. Поняли задачу, выясняем суть
(1) Бриф. Поняли задачу, выясняем суть
9
Урок:как работать
с трендами и создавать свой код
с трендами и создавать свой код
10
Урок:от эмоции
к форме:первые шаги визуального языка
к форме:первые шаги визуального языка
Это урок о том, как пройти путь от слов клиента до конкретных образов, которые лягут в основу дизайн решений.Первые шаги визуального языка: мудборд,референсы и поиск формы.
Тренд это зеркало того,
что чувствует общество прямо сейчас. В этом уроке разберём,
как отличать временную моду
от глубинной эмоции,
как адаптировать тренд под бренд,
не теряя его лица, и где граница между «быть актуальным» и «стать одноразовым». Отдельно поговорим о собственном стиле: почему
он не выбирается,
а вырабатывается, и почему
не стоит торопить этот процесс.
что чувствует общество прямо сейчас. В этом уроке разберём,
как отличать временную моду
от глубинной эмоции,
как адаптировать тренд под бренд,
не теряя его лица, и где граница между «быть актуальным» и «стать одноразовым». Отдельно поговорим о собственном стиле: почему
он не выбирается,
а вырабатывается, и почему
не стоит торопить этот процесс.
11
Все шаблоны и практики к главному проекту программу находятся
в Figma-файле. Отслеживайте проектный трек, что бы понимать где вы.
в Figma-файле. Отслеживайте проектный трек, что бы понимать где вы.
с программами: заполняем шаблоны и начинаем работу
в Illustrator
в Illustrator
≈ 2–3 дня
модуль программы еще не открылся, смотрим шаблоны и планируем (наброски мыслей)
Практика:
(2) Найти идею
Смысл и концепция
(2) Найти идею
Смысл и концепция
12
Практика:
(3) Первые гипотезы
(3) Первые гипотезы
14
Блок уроков: работа
в программах
в программах
Adobe Illustrator (по клику):
Figma (по клику):
Урок продвинутый
о главных инструментах
Adobe Illustrator/Figma. Практику, материалы
и особенности установки можно найти у куратора.
Adobe Illustrator/Figma. Практику, материалы
и особенности установки можно найти у куратора.
Figma — ваша основная площадка.
Здесь вы сдаёте брифы, собираете мудборд и референсы, показываете нам сборки проекта. И здесь же есть инструменты, чтобы создавать графику и рисовать логотипы,так что если вам удобно, часть работы или всю можно спокойно делать в Figma.
Illustrator — для рисовки.
Он особенно хорош именно для отрисовки и работы с графическими элементами: там точнее и чище получается вектор. Если хотите прокачать этот навык — это та программа,которая вам нужна.
Выбор за вами. Два рабочих пути, оба правильные:
— рисуете в Illustrator, а потом переносите результат в Figma, если так удобнее собирать проект;
— или работаете сразу в Illustrator от начала до конца
(у нас есть шаблоны).
Делайте так, как комфортнее именно вам главное,
чтобы вам было удобно вести проект.
Здесь вы сдаёте брифы, собираете мудборд и референсы, показываете нам сборки проекта. И здесь же есть инструменты, чтобы создавать графику и рисовать логотипы,так что если вам удобно, часть работы или всю можно спокойно делать в Figma.
Illustrator — для рисовки.
Он особенно хорош именно для отрисовки и работы с графическими элементами: там точнее и чище получается вектор. Если хотите прокачать этот навык — это та программа,которая вам нужна.
Выбор за вами. Два рабочих пути, оба правильные:
— рисуете в Illustrator, а потом переносите результат в Figma, если так удобнее собирать проект;
— или работаете сразу в Illustrator от начала до конца
(у нас есть шаблоны).
Делайте так, как комфортнее именно вам главное,
чтобы вам было удобно вести проект.
(1)
13
(2)
(4)
(5)
(6)
(3)
Что будет в модуле:
Уроки, которые выстраивают мост между пониманием бренда и визуальными решениями. Начнём с брифа: научимся слышать то, что стоит за словами клиента, и переводить размытые формулировки в чёткую задачу. Затем перейдём к поиску визуального решения и идеи: как перевести смысл из брифа в визуальный язык, найти образ, из которого вырастет весь проект.
И завершим темой трендов: как отличать временную моду от глубинной эмоции, как адаптировать тренд, не теряя лицо бренда, и как в процессе работы нащупать собственный почерк.
Что вы получите:
Поймёте, что бриф это процесс настройки оптики: научитесь читать ответы клиента глубже, чем они написаны. Освоите метод работы с клиентскими формулировками, отличать настоящую задачу от личного вкуса, страха или чужого бренда. Научитесь задавать вопросы, которые вытаскивают конкретику. Сможете находить визуальную идею и доводить её до конкретных решений, не действуя наугад. И получите первую рабочую структуру проекта: базу, из которой рождаются все визуальные решения.
МОдуль 2
≈ 3–4 дня
≈ 3–4 дня
получаем главное задание
эфир (запроси запись у куратора)
Собираем первые решения в проект
модуль программы еще не открылся, смотрим шаблоны и планируем (наброски в Pinterest)
модуль 3
— превращать отдельный макет в серийный фирменный стиль
— понимать, что можно менять в дизайне, а что должно оставаться неизменным
— работать с вариативностью, не разрушая целостность бренда
Это станет базой для масштабирования фирменного стиля, работы с носителями, упаковкой и сборкой проекта.
— понимать, что можно менять в дизайне, а что должно оставаться неизменным
— работать с вариативностью, не разрушая целостность бренда
Это станет базой для масштабирования фирменного стиля, работы с носителями, упаковкой и сборкой проекта.
После модуля 4 ты сможешь:
Эфир 8: от идеи
к системе: серийность
в фирменном стиле
к системе: серийность
в фирменном стиле
Как превратить красивый макет
в работающий фирменный стиль: серийность, масштабирование
и правила визуального языка.
в работающий фирменный стиль: серийность, масштабирование
и правила визуального языка.
14
Эфир 9: принцип вариативности
в фирменном стиле
в фирменном стиле
Как дизайн меняется от носителя к носителю, но остаётся частью одной системы. На примерах разбираем, что можно менять, что должно оставаться неизменным и как формируется серийный язык бренда.
15
Эфир 10: серийность элементов:как собирается визуальная система
Фундаментальные принципы серийности в фирменном стиле: размеры, отступы, модульность, композиция и типографика. Учимся собирать целостную систему
из повторяющихся закономерностей.
из повторяющихся закономерностей.
16
Разбираем
Типографика — голос визуальной системы.
В уроке изучаем, как шрифт формирует
характер бренда, управляет ритмом
и делает смыслы читаемыми. Разберём
типовые ошибки, научимся выбирать
шрифты осознанно и понимать, как шрифт
поддерживает идею, а не спорит с ней.
В уроке изучаем, как шрифт формирует
характер бренда, управляет ритмом
и делает смыслы читаемыми. Разберём
типовые ошибки, научимся выбирать
шрифты осознанно и понимать, как шрифт
поддерживает идею, а не спорит с ней.
Тезисы урока 2
(заметки)
(заметки)
О том как устроен визуальный язык
и как им управлять.
и как им управлять.
17
Выполни практику этапа
4-5
4-5
19
Урок:от идеи
к системе: серийность
в фирменном стиле
к системе: серийность
в фирменном стиле
Фирменный стиль это не один красивый макет, а серия, которая ощущается как целое: каждый носитель связан с предыдущим,
и всё вместе складывается
в узнаваемый образ. Разберём,
как идея превращается в систему правил и почему именно это выводит дизайн в реальный мир.
Вы научитесь находить якорный приём, фишку, на которой держится узнаваемость, и проверять, масштабируется ли идея. Главный критерий урока: сможете ли вы объяснить приём другому дизайнеру так, чтобы он продолжил серию.
и всё вместе складывается
в узнаваемый образ. Разберём,
как идея превращается в систему правил и почему именно это выводит дизайн в реальный мир.
Вы научитесь находить якорный приём, фишку, на которой держится узнаваемость, и проверять, масштабируется ли идея. Главный критерий урока: сможете ли вы объяснить приём другому дизайнеру так, чтобы он продолжил серию.
15
Урок:серийность элементов:как собирается визуальная система
17
Шрифт уже выбран, теперь учимся заставлять типографику работать как система.
Разберём уровни (заголовок, подзаголовок, наборный, декоративный), ритм, длину строки, интерлиньяж, выключку
и поля. После урока вы сможете построить типографическую систему, которая масштабируется на любой формат и узнаётся даже без логотипа.
Разберём уровни (заголовок, подзаголовок, наборный, декоративный), ритм, длину строки, интерлиньяж, выключку
и поля. После урока вы сможете построить типографическую систему, которая масштабируется на любой формат и узнаётся даже без логотипа.
Что будет в модуле:
В прошлых модулях вы научились читать бриф, собирать образ и подбирать первые решения цвет, шрифт, графику.
Этот модуль про следующий шаг: как превратить отдельные находки в живую систему, которая работает не на одном макете,
а на всех носителях бренда. Здесь вы поймёте, что фирменный стиль это не один красивый дизайн, а серия, которая ощущается как целое: идея порождает правила, один приём масштабируется на любые форматы, а узнаваемость держится без перепридумывания каждого макета. После модуля вы соберёте первый фирменный стиль — логотип, шрифты, цвета, простые носители и сможете объяснить логику каждого решения.
МОдуль 4
Урок:логотип.виды
и логика, часть первая
и логика, часть первая
Разбираемся, что такое логотип
и какие они бывают. Учимся различать знак, монограмму, эмблему, маскот и графику и понимать, где что работает. Смотрим, как логотип живёт внутри фирменного стиля и почему бренд узнают даже без него.
и какие они бывают. Учимся различать знак, монограмму, эмблему, маскот и графику и понимать, где что работает. Смотрим, как логотип живёт внутри фирменного стиля и почему бренд узнают даже без него.
18
Урок:логотип.построение, часть вторая
Собираем знак руками: строим по сетке, отрисовываем, отстраиваем оптику. Разбираем компенсации, кернинг, дескриптор и проверку
на масштаб — всё, что превращает набор букв в собранный, живой знак.
на масштаб — всё, что превращает набор букв в собранный, живой знак.
19
Практика:
(4) Визуальный язык. Первые решения
(4) Визуальный язык. Первые решения
20
≈ 3–4 дня
эфир (запроси запись у куратора)
кликни, что бы забрать материалы
Разберём, как логотип устроен изнутри: по каким осям и сеткам выравниваются буквы, почему оптику приходится ставить выше математики, как задать ритм между знаками
и определить охранное поле. После воркшопа вы сможете довести свою гипотезу знака до чистой формы
и объяснить каждое решение.
и определить охранное поле. После воркшопа вы сможете довести свою гипотезу знака до чистой формы
и объяснить каждое решение.
Собираем первые решения в проект
Одна идея должна уметь жить
в разных состояниях, оставаясь собой. Урок про то, как разворачивать идею в варианты,
не теряя характер, и как снять страх постоянно изобретать новое.
Вы пройдёте рабочий алгоритм:
от ядра идеи и базового элемента через вариативность и абстракцию
к организации на носителях
и проверке пределов системы.
После урока вы сможете взять один элемент и показать десятки
его состояний, ни разу не сломав узнаваемость.
в разных состояниях, оставаясь собой. Урок про то, как разворачивать идею в варианты,
не теряя характер, и как снять страх постоянно изобретать новое.
Вы пройдёте рабочий алгоритм:
от ядра идеи и базового элемента через вариативность и абстракцию
к организации на носителях
и проверке пределов системы.
После урока вы сможете взять один элемент и показать десятки
его состояний, ни разу не сломав узнаваемость.
Урок:принцип вариативности
в фирменном стиле
в фирменном стиле
16
После модулей 4-5 ты сможешь:
— собрать первый фирменный стиль: логотип, шрифты, цвета, простые носители
— построить знак по сетке и объяснить каждое решение
— превратить отдельные находки в систему, которая держится
на всех носителях
— выстроить композицию так, чтобы взгляд шёл туда, куда задумано
— управлять вниманием через контраст, иерархию, ритм и баланс
Именно после этого модуля отдельные решения перестают существовать сами по себе и начинают складываться в цельную систему, которую можно не только собрать, но и объяснить. Дальше вы выходите на финальную часть программы, где всё собираем вместе.
— построить знак по сетке и объяснить каждое решение
— превратить отдельные находки в систему, которая держится
на всех носителях
— выстроить композицию так, чтобы взгляд шёл туда, куда задумано
— управлять вниманием через контраст, иерархию, ритм и баланс
Именно после этого модуля отдельные решения перестают существовать сами по себе и начинают складываться в цельную систему, которую можно не только собрать, но и объяснить. Дальше вы выходите на финальную часть программы, где всё собираем вместе.
Урок:пространство
и форма
и форма
Из чего состоит композиция до того,
как вы начали с ней работать
как вы начали с ней работать
21
Урок:движение и управление вниманием
Как глаз читает макет и как
этим управлять.
этим управлять.
22
Урок:баланс, ритм, контраст, иерархия
Четыре механики, которые держат композицию.
23
Что будет в модуле:
В прошлом модуле вы собрали логотип, шрифты, цвета. Этот модуль про то, как разместить всё это на листе. Композиция определяет, куда пойдёт взгляд, что человек заметит первым, что вторым, и считает ли он вообще то, что вы хотели сказать. Сначала разберёмся, из чего макет состоит ещё до того, как вы поставили первый элемент. Потом как глаз читает страницу и как им можно управлять. И дальше разберём, на чём держится любая композиция. К концу вы сможете собрать макет, в котором взгляд идёт куда нужно, и сами объясните, почему сделали именно так.
МОдуль 5
Практика:
(5) Полиграфия I · простая
(5) Полиграфия I · простая
24
Предпечатная подготовка/
конспект
конспект
Разбираем базовую логику подготовки дизайн-проекта к печати: от работы
с цветом и выбора вида печати
до сборки файла и технических требований типографии.
с цветом и выбора вида печати
до сборки файла и технических требований типографии.
Разбираем базовую логику подготовки дизайн-проекта к печати: от работы
с цветом и выбора вида печати
до сборки файла и технических требований типографии.
с цветом и выбора вида печати
до сборки файла и технических требований типографии.
28
Предпечатная подготовка/лекция расширенная
29
≈ 6 дней
Практика:
(5) Полиграфия II · сложная
(5) Полиграфия II · сложная
27
≈ 6 дней
Воркшоп: композиция на практике
25
Композиция: сетка —
от принципа к конструкции
от принципа к конструкции
Как устроена сетка
и как её построить.
и как её построить.
На этом этапе будет креативное задание-воркшоп, где вы соберёте собственный плакат или зин
и проверите всё, что разобрали
в модуле, на своей работе.
и проверите всё, что разобрали
в модуле, на своей работе.
26
эфир (запроси запись у куратора)
Продолжаем сборку проекта