Программа курса «Графический дизайнер»
У этого курса есть 2 программы: базовая и расширенная — для тарифа с «плюсом». Мы обновляем материалы регулярно, чтобы вы учились тому, что точно пригодится в работе.
5 тем・~6 часовБесплатно. Как это — быть дизайнером
1 модуль — бесплатно, чтобы вы попробовали себя в роли графического дизайнера и поняли, хотите ли развиваться в этом направлении
- Поиск идеи
- Мудборд
- Референсы
- Портрет аудитории
- Figma
- Цвет
- Шрифты
- Композиция
Кто такой дизайнер
Что такое дизайн, зачем он нужен и каким бывает. Какие задачи решает и что умеет графический дизайнер.
Как придумать идею для проекта
Портрет аудитории. Мудборд и референсы.
Знакомство с Figma
Что умеет Figma. Основные функции Figma.
Базовые навыки дизайнера
Работа с цветом. Подбор шрифтов. Построение композиции.
Научитесь работать в Figma и на примере плаката освоите ключевые навыки дизайнера: работу с композицией, цветами и шрифтами
Графический дизайнер・Графический дизайнер плюс・3 недели
Аудитория и визуальная коммуникация
- Основы Figma
- Визуальное сообщение
- Целевая аудитория
- Референсы
- Мудборд
- Основы Figma
- Интерфейс, фреймы, навигация. Плагины в Figma.
- Визуальная коммуникация
- Простые сообщения: знаки и указатели. Как целевая аудитория влияет на коммуникацию. Декодирование. Что мешает передаче сообщения.
- Целевая аудитория
- Портрет и признаки целевой аудитории. Определяем аудиторию, уточняем портрет.
- Насмотренность
- Где искать вдохновение. Как прокачать насмотренность. Режим исследователя. Как анализировать чужие работы. Референсы.
- Мудборд
- Что такое мудборд и зачем он нужен. Как собирать мудборд.
- Проанализируете целевую аудиторию и соберёте мудборд для проекта
Графический дизайнер・Графический дизайнер плюс・3 недели
Композиция и сетки
- Сетки в Figma
- Основы композиции
- Визуальная иерархия
- Модульная вёрстка
- Аргументация решений
- Композиция
- Визуальная иерархия. Якорные объекты. Доминанта и композиционный центр. Как сделать объект доминантой. Целостность. Статика и динамика.
Сетки в дизайне
Модульная вёрстка. Модульные сетки. Из чего состоит сетка. Сетка как инструмент ритма. Базовая единица. Настройка колоночной сетки. Сетки в Figma. Алгоритм работы с сетками.
Аргументация решений
Как отстоять макет перед арт-директором, заказчиком, разработчиком.
Исправите макет другого дизайнера и оформите несколько постов для соцсетей
Графический дизайнер・Графический дизайнер плюс・3 недели
Основы типографики и работа с текстом
Текст в Figma
Типографика
Вёрстка текста
Бриф
Техническое задание
Гарнитуры и шрифты
Текстовые и акцидентные шрифты. Шрифтовые пары. Откуда брать шрифты.
Как сверстать текст
Гигиена текста. Интерлиньяж и длина строки. Выравнивание. Базовые элементы и иерархия. Как упорядочить стили.
Работа с заказчиком
Техническое задание. Бриф. Что делать, если информации мало.
Сверстаете статью для цифрового медиа, используя готовый текст и изображения
4
Графический дизайнер・Графический дизайнер плюс・3 недели
Работа с цветом и изображениями
Изображения в Figma
Цветовые пространства
Растр и вектор
Цвет
Характеристики цвета. Цветовые пространства. Цветовой круг Иттена. Контрастность. Фон и акцент. Читаемость. Готовые палитры.
Растровая и векторная графика
Растровые форматы. Векторные форматы. Экспорт файлов.
Работа с изображениями в Figma
Поиск и подготовка изображений. Цветокор и работа с изображениями в Figma.
Создадите цифровые плакаты и билборд для мероприятия
5
Графический дизайнер・Графический дизайнер плюс・3 недели
Векторная графика и работа с иллюстрациями
Векторная графика
Adobe Illustrator
Иконки и знаки
Паттерны
Работа с подрядчиками
Векторная графика
Особенности векторной графики. Редакторы и форматы векторных файлов. Где используется векторная графика. Стили векторной графики.
Знакомство с Adobe Illustrator
Интерфейс Illustrator. Начальный экран. Рабочая область. Связь с приложениями от Adobe. Начало работы в Illustrator. Способы экспорта. В каких форматах экспортировать.
Работа с вектором в Adobe Illustrator
Простые фигуры и их комбинации. Логические, или булевы, операции. Создание сложных фигур. Корректировка готовой векторной графики. Трассировка изображения. Дополнительные инструменты.
Работа с иллюстрациями
Как подбирать иллюстрации для проекта. Стоковые иллюстрации. Выбор иллюстраций. Стилизация иллюстраций. Создание простых иллюстраций. Создание композиции.
Знаки, иконки и паттерны
Виды знаков в дизайне. Зачем нужны иконки. Стили иконок. Особенности создания иконок. Что такое паттерн. Какие бывают паттерны. Как создать паттерн.
Как поставить ТЗ подрядчику
Почему дизайнер обращается к подрядчику. Процесс работыс подрядчиками. Как давать обратную связь подрядчику.
Создадите векторную графику на выбор: серию иконок и паттерн для сайта или иллюстрации для обложек
6
Графический дизайнер・Графический дизайнер плюс・3 недели
Композиция в типографике и предпечатная подготовка
Типографика
Шрифты
Adobe Illustrator
Вёрстка одностраничных макетов
Композиция
Сетки
Предпечатная подготовка
Шрифты
Как и из чего строятся буквы. Краткая история шрифтов. Антиквы. Гротески. Анатомия шрифта. Как подобрать текстовый шрифт. Акцидентные шрифты. Создание шрифта.
Вёрстка одностраничных макетов в Illustrator
Виды одностраничных макетов. Инструменты группы «Текст» и базовые настройки. Стили абзаца и символа. Работа с текстовой областью. Текст в фигуре и по контуру. Применение вариативных шрифтов. Перевод текста в вектор.
Композиция и сетки в типографике
Выстраивание композиции. Как использовать акцидентнуюи функциональную типографику. Типографическая иерархия. Как придать типографике характер.
Предпечатная подготовка
Зачем готовить макет к печати. Типы бумаги. Что ещё нужно знать про печать. Основные способы печати. Как выбрать способ печати. Общение с типографией. Как готовить макет к печати. Дефекты при печати.
Сверстаете макеты внешней и внутренней частей лифлета
7
Графический дизайнер・Графический дизайнер плюс・・3 недели
Растровая графика и дизайн социальных сетей
Adobe Photoshop
Редактирование изображений
Презентации
Оформление соцсетей
Цифровые форматы
Маркетинг
Работа с обратной связью
Редактирование изображений в Adobe Photoshop
Возможности программы. Интерфейс Photoshop. Как сохранять файлы в разных форматах. Кадрирование изображений. Ретушь изображений. Цветокоррекция. Стилизация изображений. Обтравка.
Как делать презентации
Что такое презентации и зачем они нужны. Типы презентаций. Структура презентации. Как удерживать внимание. Визуальные приёмы. Композиция презентации. Ритм презентации. Инструменты для создания презентаций.
Оформление соцсетей
Зачем социальные сети компаниям. Особенности дизайна в SMM. Распространённые форматы и размеры макетов. Серийность в оформлении социальных сетей.
Работа с цифровыми форматами
Особенности цифровых макетов. Привлечение внимания. Как сделать хороший цифровой макет. Проектирование серии цифровых макетов.
Основы маркетинга для дизайнеров
Что такое бизнес. Маркетинг и его задачи. С кем взаимодействует дизайнер.
Работа с обратной связью
Польза обратной связи. Виды критики. Кто и как оценивает дизайн. Типичные ошибки в дизайне. Саморефлексия. Критика как инструмент оценки дизайна. Что можно делать с обратной связью. Как собирать, отрабатывать и давать обратную связь.
Создадите дизайн презентации, баннеров и макетов для социальных сетей
8
Графический дизайнер・Графический дизайнер плюс・・3 недели
Брендинг и визуальная концепция
Брендинг
Фирменный стиль
Визуальная концепция
Логотип
Брендбук
Поиск идеи
Аргументация
Защита решений
Основы брендинга и фирменного стиля
Брендинг и его задачи. Фирменный стиль. Что делает стиль единым и интересным. Анализ фирменного стиля. Что такое визуальная концепция и как её создают.
Логотип и знак
Что такое логотип и какие функции он выполняет. Приёмы создания логотипа. Как нарисовать логотип от руки. Фирменный знак.
Брендбук
Как устроен брендбук. Создание брендбука. Как составлять гайдлайн.
Поиск идеи
Что такое идея и зачем её ищут. Анатомия креативного процесса. Инструменты и приёмы для поиска идей. Метафоры в креативном поиске.
Аргументация и защита решений
Зачем защищать проект. Презентация проекта. Как аргументировать решение. Что делать, если заказчик не согласен. Полезные и вредные правки.
Создадите логотип, покажете его на носителях и зафиксируете правила в логобуке
9
Графический дизайнер・Графический дизайнер плюс・3 недели
Носители фирменного стиля и создание мерча
Носители фирменного стиля
Мерч
Предпечатная подготовка мерча
Мокапы
Работа в команде
Носители фирменного стиля
Разнообразие носителей бренда. Особенности носителей бренда. Что такое мерч. Графические константы на носителях бренда.
Как разрабатывать мерч
Что делает мерч хорошим. Как создать мерч. Как создать мерч на основе фирменного стиля.
Предпечатная подготовка мерча
Материалы для изготовления носителей. Способы нанесения. Требования типографии для работы с мерчом.
Мокапы
Что такое мокап. Когда нужны мокапы. Мокапы в Photoshop. Мокапы в Figma.
Работа в команде
Взаимодействие с командой в компании. Взаимодействие внутри дизайн-команды. Поиск идей в команде.
Разработаете мерч по брифу заказчика и презентуете его
10
Графический дизайнер・Графический дизайнер плюс・3 недели
Лендинги, адаптивы и анимация в Figma
Лендинг
Вайрфрейм
Создание ресайзов и адаптивов
Анимация в Figma
Лендинги и вайрфреймы
Зачем нужны лендинги. Чем лендинг отличается от других сайтов. Виды лендингов. Структура лендинга. Каким должен быть вайрфрейм и как его спроектировать. Передача в разработку.
Создание ресайзов и адаптивов
Адаптивный дизайн. Mobile first. Особенности мобильной версии. Создание адаптива.
Анимация в Figma
Зачем нужна анимация. Где используется моушен-дизайн. Анимация в Figma. Smart animate. Параллакс.
Сверстаете лендинг и его мобильную версию
11
Графический дизайнер плюс・3 недели
Вёрстка многостраничных изданий
Adobe InDesign
Вёрстка
Многостраничные издания
Предпечатная подготовка многостраничного издания
Особенности многостраничных изданий
Как устроено многостраничное издание. Обложка, разворот, специальные термины. Композиция и сетки при построении разворота.
Вёрстка многостраничного издания в InDesign
Возможности программы. Интерфейс InDesign. Импорт рабочих материалов. Экспорт документа. Настройка многостраничного макета. Стили текста в InDesign. Профессиональная работа с текстом. Горячие клавиши InDesign.
Предпечатная подготовка многостраничного издания
Какие типы печати и бумага используются для многостраничных изданий. Типы скрепления многостраничных изданий. Основы подготовки макета к печати.
Разработаете дизайн и вёрстку многостраничного издания
12
Графический дизайнер плюс・3 недели
Визуализация данных
Анализ информации
Критическое мышление
Графики и таблицы
Плагины
Инфографика
Midjourney
СhatGPT
Анализ информации и критическое мышление
Как дизайнеру работать с информацией. Как проверять данные, критически и аналитически подходить к работе.
Работа с графиками и таблицами
Разные виды графиков и их создание. Способы презентации.
Инфографика и способы визуализации данных
Создание инфографики. Как передать мысль/процесс/информацию так, чтобы зритель считал идею. Принципы и способы создания инфографики.
Новые технологии в работе дизайнера
СhatGPT. Midjourney. Онлайн-сервисы для создания 3D. Как дизайнеру внедрить новые технологии в свою работу.
Создадите презентацию с инфографикой и графиками
13
Графический дизайнер плюс・3 недели
Анимация в Adobe After Effects
Adobe After Effects
Самопрезентация
Портфолио
Теория анимации
История анимации. Как работает анимация. Принципы движения в анимации.
Основы After Effects
Возможности программы. Интерфейс After Effects. Основные принципы работы в After Effects. Экспорт файлов.
Самопрезентация и создание портфолио
Как дизайнеру представлять себя и свои работы. Принципы создания дизайнерского портфолио.
Создадите анимационную заставку с использованием After Effects
14
Графический дизайнер плюс・3 недели
Основы Tilda, UX и веб-дизайна
Tilda
UX и веб-дизайн
Арт-дирекшен
Основы UX и веб-дизайна
Как устроен веб-дизайн. Что важно учитывать дизайнеру при создании лендинга.
Tilda
Базовые блоки. Zero-блок. Адаптивность. Связь Figma и Tilda. Публикация сайта.
Основы арт-дирекшена
Как планировать и реализовывать работу над большим проектом.
Создадите сайт на Tilda
15
Самостоятельно・4 недели
Дипломный проект
Итоговая работа, которая станет главным проектом в портфолио и поможет при трудоустройстве. На выбор будет 3 большие задачи, каждая из которых нацелена на определённое направление работы графического дизайнера и спроектирована так, чтобы вы показали свои навыки в полной мере и сделали актуальный проект — как для себя, так и для рынка.
Карьерные продукты・12 недель
Фриланс-трек
Цель программы — помочь студенту выйти на рынок фриланса максимально конкурентоспособным и подготовленным. Вы научитесь вести коммуникацию с заказчиком, формировать стоимость первых работ, оформлять социальные сети, защищать себя от недобросовестных клиентов.
Карьерные продукты・29 недель
Карьерный трек
Здесь наша команда HR-экспертов поможет подготовить всё необходимое для эффективного поиска работы. Вы научитесь составлять резюме, писать сопроводительные письма, а также проходить собеседования. Вам предстоит проделать весь путь: от поиска вакансий и первого тестового задания до интервью и приглашения на работу.
Со спикером・каждую неделю
Вебинары для поддержки студентов, разбора сложных тем, Q&A
