Ваша заявка успешно отправлена
Наш менеджер свяжется с вами в ближайшее время
Ваша заявка успешно отправлена.
Наш менеджер свяжется с вами в ближайшее время
НАУЧИМ:
Анимировать интерфейсы,
создавать живые прототипы приложений
и сайтов.
Внедрять микровзаимодействия и создавать единый «плавный» опыт внутри системы интерфейсов.
НАУЧИМ:
Работать в различных визуальных редакторах, оживлять статичные изображения, прорабатывать акценты и направлять внимание пользователя.
Новое направление — UI-анимация — позволит расширить диапазон ваших анимационных возможностей.
НАУЧИМ:
Правильно выстроить взаимодействие «Дизайнер — UI-дизайнер».
Создавать сценарии роликов и готовить раскадровку. Делать аниматик будущего шоурила и готовить материалы к анимации.
Занятия разработаны
лучшими практиками
motion-дизайна
Студенты курса
получат возможность стажировки
с последующим трудоустройством
Создание анимации стало привычным делом для UI/UX-специалиста даже в отсутствие motion-дизайнера.
Курс поможет быстро освоить необходимые навыки. Создать для верстальщика наглядный пример трансформации элемента — больше не проблема!
Домашние задания — не просто этапы проверки: выполнив их под руководством преподавателей, вы получите превосходное портфолио, демонстрирующее ваши новые навыки.
Разбор эффектных кейсов на Behance и Dribbble. Мы выделим критерии, которые сделали их успешными и заметными в мировом дизайн-сообществе.
А также углубимся в практику создания: как грамотно выстроить работу пары дизайнер + моушн-дизайнер, как упростить и ускорить процесс создания анимации.
Не будем откладывать применение полученных знаний — в конце курса вам предстоит создать собственный шоурил, который станет яркой презентацией вашего портфолио.
Шеф-дизайнер
AIC
Арт-директор
AIC
Арт-директор
AIC
Motion-дизайнер
AIC
В этой части рассказываем об истории возникновения моушн-дизайна, основных этапах становления и развития
Узнаем о существующих трендах, покажем работы нескольких ярких студий
Коротко познакомимся с самыми популярными редакторами для анимации
Семейство Adobe. (Photoshop / AfterEffects / Premier)
Домашнее задание: Анимация GIF-секвенция в Adobe Photoshop
Принципы построения анимации, тайминги и изинги
Предвкушения и растяжение
Управление вниманием
Как правила классической анимации работают в UI
Домашнее задание: Создание сценария. Сюжетная линия
Разговор пойдет о роли анимации в интерфейсах сайтов и приложений
Рассмотрим область применения: создание прототипов с обратной связью, микровзаимодействия, анимация иконок, прелоадеров, видеобэкграундов, презентаций и шоурилов.WebGL
Познакомимся с основными инструментами и форматами
Домашнее задание: Анимация интерфейсных элементов в AfterEffects
Возможности программы
Знакомство с интерфейсом и инструментами
Composition и Precompose
Маски
Ключи
Первые шаги в AfterEffects
Учимся на кошках — анимация примитивов и ключевых параметров
Домашнее задание: Анимация в AfterEffects
Интересные примеры
Природа прелоадера
Придумываем, рисуем, анимируем
Домашнее задание
Как придумать анимацию иконок
Подготовка вектора
Анимация
Конвертируем в GIF
Домашнее задание
Материал как метафора
Философия концепции
Суть и основные принципы
Рассмотрим примеры и поймем почему это важно
Основные фишки анимации Material Design
Репозитории и готовые пресеты
Домашнее задание: Анимация в формате Material Design
Введение и обзор самого перспективного редактора для быстрой анимации интерфейсных элементов и прототипов
Возможности программы
Знакомство с интерфейсом и принципами работы
Работа со слоями
Панель анимации и драйверы
Анимация сценария
Домашнее задание: Анимация сценария в Principle
Познакомимся с веб-интерфейсом, позволяющим создавать адаптивные анимированные прототипы сайтов
Рассмотрим интерфейс программы, инструментарий, примеры
Превратим лендинг из PSD в html и накрутим разной анимации на скролл и появление блоков
Домашнее задание: сделать из psd, которое дадим вам, анимированный и адаптивный сайт
Возможности программы
Знакомство с интерфейсом и принципами работы
Компоненты, экшены и анимация
Импорт из скетча и создание анимации сценария
Домашнее задание
Поиск референсов
Написание сценария. Расстановка акцентов
Ключевые фишки в анимации
Подготовка PSD/AI файлов к анимации
Тайминг, правильные клики и скроллы
Домашнее задание
Работа с 3D в пространстве After Effects
Секвенции и Параллаксы
Домашнее задание
Статичные и динамичные мокапы
Монтаж
Звук
Переходы между сценами
Видеохостинги
Секреты успеха на Behance (разбор удачных и не очень примеров)
Полезные советы
Как выгодно показать свои работы
Рассказываем про штатный рабочий день моушн-дизайнера
Методы оптимизации рабочего времени и пространства
Правильный симбиоз программ и репозиториев
Территория ответственности
Инициатива и поиск идей
Рассказываем про ключевые моменты концепции и ее анимации
Рассказываем про ключевые моменты концепции и ее анимации
Рассказываем про ключевые моменты концепции и ее анимации
Рассказываем про ключевые моменты концепции и ее анимации
1
2
3
4
Вам не нужно никуда ехать. Для участия необходимы только компьютер, интернет, наушники, желание учиться и 3–5 часов в неделю
Обучение и проверка домашних заданий осуществляется действующими UX-дизайнерами из топовых агентств России
