Формы подачи материала:
– видео;
– текст.

Методы:
– асинхронная работа студента на платформе;
– синхронная работа на вебинарах с преподавателям;
– самостоятельная работа (выполнение заданий).

1. Анализ рынок конкурентов — изучаем, что предлагают другие школы и рынок вакансий, чтобы давать востребованные знания и навыки.
2. Проработка критериев по набору экспертов и авторов программы.
3. Разработка контента в обучающие материалы и проектирование структуры курса.
4. Анализ рынка вакансий на предмет актуальности знаний.
5. Создание авторами модулей программы. Каждый урок проходит многоуровневое ревью — эксперта, методиста, редактора, студента.
6. Чередование форматов подачи информации (текст — видео— таблица). Обязательно предоставление ссылок на дополнительные источники — документацию и полезные статьи, которые помогут лучше понять тему и расширят кругозор студента.
7. В конце каждой темы у нас есть:
– итоговое тестирование, чтобы привести знания теории в систему;
– большая практическая задача для закрепления всех необходимых навыков модуля.
8. Обработка обратной связи от студентов по каждому модулю.

-С чего начинается работа с Key Visual
-Создание мудборда
-Создание и защита Key Visual
-Ресайзы и подготовка к печати
-Создание портфолио
-Что такое айдентика
- Элементы графической айдентики
-Виды логотипов
-Точки контакта
-Концепция фирменного стиля
-Подготовка файлов и портфолио
-Анимация - плюс к портфолио
-Примеры хорошей и плохой моушн-анимации
-Знакомство с интерфейсом
-Слои/Layers
-Shape Layer
-Настройки шейпов
-Основы анимации: кейфреймы (Keyframe)
-Основы анимации шейпов
-Связи между объектами
-Типы кейфреймов
-Graph Editor
-Создание композиции из шейпов
-Анимирование композиции
-Pre-compose
-Анимация шейпa по вектору path
-Рендер, настройки рендера
-Text Layer
-Использование текста в качестве шейпа. Анимация контура trim paths
-Использование текста в качестве шейпа. Анимация повторения шейпов
-Использование текста в качестве шейпа. Repeater
-Прочие виды анимации шейпов и текста
-Text Animator
-Знакомство с track matte и масками
-Маски и Track Matte
-Загрузка контента: аудио и видео
-Работа с эффектами и загруженным контентом. Пример 1: Track Matte из текста на видео
-Работа с эффектами и загруженным контентом. Пример 2: Track Matte с шейпами
-Загрузка контента из Photoshop
-Анимация загруженного контента из Photoshop
-Загрузка контента из Adobe Illustrator
-Анимация готового контента из Adobe Illustrator
-Анимация векторного логотипа: Часть 1
-Анимация векторного логотипа: Часть 2
-Разработка концепции готового проекта
-Анимированные заставки
-История появления упаковки
-Упаковка как визуальная коммуникация
-Терминология
-Продуктовая полка
-6 барьеров покупки товара
-Элементы дизайна упаковки
-Позиционирование продукта
-Этапы разработки дизайна упаковки
-Разбор кейса Campina
-Разбор кейса Kellogs
-Разбор кейса Geek club
-Разбор кейса Fruttis faces
-Разбор кейса Капитан норд
-Дизайн-концепция вкус-вилл
-Брифы: банка, бутылка, коробка
-Мокапы: поиск и создание
-Разработка дизайн-концепции: первый бриф
-Разработка дизайн-концепции: второй бриф
-Финализация концепции: банка
-Финализация концепции: бутылка
-Финализация концепции: коробка
-Знакомство с 3ds max
-3д визуализация: алюминиевая банка
-3д визуализация: бутылка и коробка
-Анимация в 3ds max: как оживить кейс
-Оформление, публикация и продвижение проекта
-Создание лендингов с Embacy
-Процесс и организация работы над лендингом
-Разбор брифа. Погружение в продукт клиента и задачу
-Анализ конкурентов с точки зрения позиционирования
-Анализ рынка с точки зрения дизайна
-Создание концепции: как придумать, подготовить, презентовать
-Разработка направлений стилистики
-Прототип. Итоги этапа подготовки к дизайну лендинга
-Организация работы в Фигме
-Стилистика, референсы, скетчи
-Детализированный варфрейм
-Драфт дескопной версии дизайна
-Проработка десктопной версии дизайна
-Адаптация дизайна на различные форматы
-Передача макетов в верстку
-Глобальные настройки сайта. Часть 1
-Глобальные настройки сайта. Часть 2
-Настройки страницы
-Стандартные блоки
-Zero block. Настройки артборда
-Про Grid Container и Window Container наглядно
-Настройки текстового блока
-Добавление изображения
-Добавление шейпа
-Добавление кнопки
-Работаем с видео: добавляем и тонируем
-Добавляем tooltip
-Работаем с HTML
-Добавляем form
-Анимация. Часть 1
-Анимация. Часть 2
-Обзор кейса
-Сквозное меню
-Фоновое видео и контент первого экрана
-Закрепленные боковые элементы
-Галерея товаров. Часть 1
-Галерея товаров. Часть 2
-Карусель
-Подвал
-Анимации по всей странице
-Тренировочный тест
-Меню для мобильной версии
-Особенности работы с адаптивами
-Адаптив первого экрана
-Адаптив второго экрана
-Адаптив третьего экрана
-Внутренняя страница. Первый экран
-Добавляем меню
-Корзина
-Второй экран
-Третий экран
-Четвертый экран. Часть 1
-Четвертый экран. Часть 2
-Анимация первого экрана
-Анимация второго экрана
-Адаптив
-Зачем вашему сайту индексация и что на нее влияет
-Техническая оптимизация сайта. Часть 1
-Техническая оптимизация сайта. Часть 2
-Почему важно отслеживать статистику сайта
-Внутренняя статистика сайта
-Подключение Яндекс Метрики и Google Analytics
-Подключение онлайн-оплаты
-Обзор Tilda CRM. Часть 1
-Обзор Tilda CRM. Часть 2
-Конструктор писем
-Подход к созданию лонгридов
-Стартовый блок
-Первый раздел. Часть 1
-Первый раздел. Часть 2
-Тренировочный тест
-Второй раздел
-Третий раздел. Параллакс
-Третий раздел. Скрытая картинка
-Цифровой сторителлинг
-Анатомия лонгрида. Часть 1
-Анатомия лонгрида. Часть 2
-Анатомия лонгрида. Часть 3
-Подводим итоги по теме
-Учебные форматы лонгридов
-AMA, тренды и HR-сайты
-Путеводители
-Статьи, мероприятия и социальные проекты
-Кейсы, рекламные спецпроекты и списки
-Лендинг
-Оформляем фон
-Графические элементы первого экрана
-Типографика первого экрана
-Анимируем голову и объект внутри нее
-Анимируем шейпы, кнопку и заголовки
-Фотогалерея и бегущая строка
-Третий и четвертый экраны в статике
-Бегущая строка и ховеры на карточке
-Добавление карты
-Что такое Mind map
-Составляем Mind map к промо-сайту
-Поиск визуального образа
-Первый экран. Демонстрация кейса
-Первый экран в статике
-Параллакс на первом экране
-Меню и анимация появления объектов первого экрана
-Тренировочный тест
-Opening transition
-Адаптивные текстовые блоки на втором экране
-Статика третьего экрана
-Добавляем кнопку и бегущую строку
-Плавная смена цвета
-Внутренняя страница в статике
-Анимации на внутренней странице

Основная:
Логотип и фирменный стиль. Руководство дизайнера / Дэвид Эйри — СПб.: Питер, 2011. — 208 с.: ил. (ПК-1, ПК-4)
https://igrafo.ru/wp-content/uploads/2014/05/devid-eiri-logotip-i-firmennyi-stil.-rukovodstvo-dizainera-2011.pdf (книга в pdf формате)
Школа дизайна: Шрифт. Практическое руководство для студентов и дизайнеров / Ричард Пулин: Изд-во Манн, Иванов и Фербер, 2019. — 240 с. (ПК-1, ПК-4)
Искусство цвета / Иоханнес Иттен: Изд-во Дмитрий Аронов, 2020. — 96. (ПК-1, ПК-4)

Дополнительная:
Графический дизайн. Visual Grammar / Кристиан ЛеБорг: Изд-во Питер, 2017. — 96 с. (ПК-1, ПК-4, ПК-5, ПК-6)
О языке композиции / Юрий Гордон: Изд-во Студия Артемия Лебедева, 2018. — 208 с. (ПК-1, ПК-4)
Модульные системы в графическом дизайне. Пособие для графиков, типографов и оформителей выставок / Йозеф Мюллер-Брокманн: Изд-во Студия Артемия Лебедева, 2018. — 184 с. (ПК-1, ПК-4, ПК-8, ПК-10)
Молочков В.П. Самоучитель. Создание сайтов на Tilda - СПб.: БХВ, 2021 - 352 с. - ISBN 978-5-9775-6777-0.
Дизайн и цвет. Практикум. Реальное руководство по использованию цвета в графическом дизайне / Шон Адамс, Терри Ли Стоун: Изд-во КоЛибри, 2020. — 240 с. (ПК-1, ПК-4)
Облик книги / Ян Чихольд: перевод на русский язык и оформление, изд-во “Книга”, 1980. — 240 с. http://theinkpot.narod.ru/chikhold.pdf (книга в pdf формате) (ПК-1, ПК-4)
Новая типографика. Руководство для современного дизайнера / Ян Чихольд : [пер. с нем. Л. Якубсона].— М. : Изд-во Студии Артемия Лебедева, 2011.— 244 с. : 130 ил. https://monoskop.org/images/c/cb/%D0%A7%D0%B8%D1%85%D0%BE%D0%BB%D1%8C%D0%B4_%D0%AF%D0%BD_%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F_%D0%A2%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0.pdf (книга в pdf формате) (ПК-1, ПК-4)
Торопова О. А., Кумова С. В. Анимация и веб-дизайн [Электронный ресурс] : учебное пособие : в рамках Европейского проекта по программе Tempus / О. А. Торопова, С. В. Кумова. - Саратов : Научно-техническая библиотека СГТУ, 2015. (ПК-1, ПК-4)
Графический дизайн. Visual Grammar / Кристиан ЛеБорг: Изд-во Питер, 2017. — 96 с. (ПК-1, ПК-4, ПК-5, ПК-6)