Не пропусти:
Бесплатный вебинар — 26 марта 2020, 14:00
Бесплатный вебинар — 19 марта 2020, 12:00
Онлайн-курс от Vintage Web Production
Motion-дизайн для UI/UX
10
часов видео-контента
6
теоретических модулей
5
практических занятий
НАЧАТЬ ОБУЧЕНИЕ
Автор курса:
Александр Романенко
Lead Motion Designer в Vintage Web Production – студии, которая входит в топ-30 дизайн-студий мира по версии Awwwards и является самой награждаемой студией Украины.
facebook
Задача курса - дать нужную базу для создания анимации интерфейсов, научить работать быстро в After Effects и дать правильный пайплайн создания UI моушена. Мы расскажем и покажем как правильно презентовать проект клиенту и дружелюбно передавать его разработчикам на верстку. На курсе вы пройдете путь от простой анимации до реализации собственного проекта, который дополнит ваше портфолио и повысит вашу ценность как специалиста. Лучшая практика прямиком из студии, в которой создают проекты мирового уровня.
Чему вы научитесь
Анимировать свой дизайн и презентовать его клиенту. Понимать как грамотно структурировать проект, чтобы ускорить процесс работы. Научитесь разбирать референсы на составляющие и применять скрипты, экспрешены и плагины в своих проектах. Соберем кейс для портфолио и покажем шоурил всему миру.
Для кого этот курс
Курс идеально подойдет UI/UX дизайнерам, продуктовым дизайнерам, которые хотят расширить диапазон рабочих инструментов и научиться использовать UI-анимацию для своих проектов. А если ты Motion Designer с опытом, но хочешь научиться делать это круто в вебе – welcome.
Компании принимавшие участие в разработке курса:
No items found.
Как проходит обучение
Теория
Вы проходите видео-уроки в любое удобное время.
Тестирование
После просмотра урока, предлагаем пройти тестирование для закрепления знаний.
Практика
После каждого урока выполняйте практические задания для отработки навыков.
Менторская поддержка
На онлайн встречах вы разберете практические задания и вопросы, которые накопились в процессе обучения.
Сертификация
После успешного завершения курса вы получаете сертификат.
Узнай из видео как мы учим и подбери оптимальный обучающий пакет для себя
Так же лекторами данного курса являются практикующие эксперты
No items found.

Программа курса
Урок 2. Импорт в Аfter Effects
Смотреть пример урока
Импортируем дизайн. Учимся правильно переносить макет в After Effects. Установка необходимых плагинов, подгонка дизайна после импорта.
Лектор:
Александр Романенко
Видео-контент:
1,5 часа
Урок 3. Инструменты для создания UI-анимации. Экспрешены
Смотреть пример урока
Разберем базовые инструменты для создания UI-анимации, научимся анимировать ховеры и инпуты. Работа с масками и их параметрами. Анимация текста с помощью масок. Эффект параллакса. Работа с графиком скорости и плавная анимация. Добавим в инструментарий несколько скриптов и экспрешенов, которые ускорят работу.
Лектор:
Александр Романенко
Видео-контент:
2 часа
Урок 4. Эффекты для веба
Смотреть пример урока
Рассмотрим популярные эффекты, которые используются в вебе и реализуем их. Анимация графических элементов. Перенос графики из Illustrator в After Effects.
Лектор:
Александр Романенко
Видео-контент:
1,5 часа
Урок 5. JSON-анимация
Смотреть пример урока
Что такое JSON-анимации и зачем они нужны? Обзор ограничений при создании JSON-анимаций. Установка Bodymovin. Использование Lottie player для просмотра анимаций. Добавление на сайт. Ограничения и особенности.
Лектор:
Александр Романенко
Видео-контент:
1 час
Урок 6. Сборка кейса
Смотреть пример урока
Сборка кейса и шоурила для портфолио. Делаем упаковку дизайна. Добавление курсора, скролла по страницам. Делаем взаимодействие с интерфейсом максимально естественным. Анимация прелоадера. Работа с мобайлом. Специфика создания анимации для мобайла. Монтаж и добавление музыки в Premiere Pro.
Лектор:
Александр Романенко
Видео-контент:
1 час

Мнение экспертов о курсе
Добавил новый кейс на Behance. C энтузиазмом работал над проектом: та ситуация когда контент от клиента драйвит сделать крутой дизайн, бросить себе вызов передать ощущение тактильности на сайте. Еще во время работы над проектом, я проходил курс от Vintage Web Production "Motion Web Design", который вел Александр Романенко. Очень круто прокачался именно в анимации сайтов, получил крутой опыт и набор лайфкахов. Если бы не курс и советы ментора, то кейс мало вероятно получился бы такой эффектный. Очень советую особенно UI-дизайнерам курс, но в целом будет полезный всем, кто хочет наконец расставить точки над анимацией.
Иван Тараненко
UI Designer
facebook
Я UI/UX дизайнер. По прошествии двух месяцев появляется ощущение, что ты в афтере работаешь уже минимум лет пять и вещи которые так часто мелькают на Dribble, Pinterest или на Awwards уже не кажутся чем то космическим, а вполне себе достижимым моушеном. После прохождения курса мой ценник в работе вырос в два раза, уровень презентации дизайна со слов заказчика: ”Ого. Я и не знал что ты так умеешь”. Скачать иллюстрацию и сделать её ”живой”, а потом всё это дело не положить в стол, а использовать в проекте — легко.
Иван Дмитриевич
UI/UX Designer в компании "CodedInn"
facebook
Поскольку пришел на курс уже с некоторыми знаниями, у меня не было каких-либо трудностей на старте. Но курс отлично подойдет даже тем ребятам, которые возможно никогда не владели программой. Ментор дает всю необходимую базу для освоения After Effects. Стоит отметить отличную подачу материала, без воды. По ходу обучения узнал о новых хитростях и получил вагон плагинов, которые теперь значительно ускорили процесс создания анимации для проектов. Еще хочу упомянуть, насколько круто можно прокачаться в организации проекта, ибо теперь я не тону в куче слоев и лишних прекомпозиций, поскольку программа курса позволяет углубиться даже в эти моменты, за что я очень благодарен.
Сергей Семенко
UI/UX Designer
facebook

Выбери формат онлайн-обучения
Курс рассчитан на cамостоятельное обучение и на обучение с поддержкой ментора. При покупке курса вы можете выбрать дополнительные опции. После покупки курса вы получаете ограниченный по времени доступ к видео-лекциям курса и неограниченный доступ ко всем дополнительным материалам.
Обучение
Вы получаете мгновенный доступ ко всем материалам курса, закрытый чат с ментором, сертификат об окончании. Выбирайте дополнительные опции и обучайтесь эффективно.
от 120 USD

- Длительность обучения: 6 недель
- 6 онлайн-встреч с ментором
- Проверка практических заданий

смотреть расписаниеНачать обучение
Демо-доступ
Вы получаете бесплатный демо-доступ к двум урокам курса
‍Бесплатно

- Просмотр видео-лекций
- Тестирование
- Практические задание

смотреть расписаниеНачать обучение