Interfaces UX/UI Animation

Онлайн-курс по анимации интерфейсов. Все необходимые навыки и инструменты для начала работы.

О курсе

Мы входим в новую эру — эру моушн-дизайна. Хорошего UX и симпатичного UI стало недостаточно. Пользователи хотят больше движения. Почти все топовые приложения внедряют анимацию: Uber, Google, Netflix и многие другие. Чего только стоит Onboarding анимация в приложении Home от Google или Splash Screen от Uber. Выглядит завораживающе!

В целом анимация интерфейсов очень увлекательна. Ее несложно изучить, так что начать может каждый. Но со временем вы будете узнавать ее новые стороны, открывая новые приемы и техники.

Моушн-дизайн колоссально отличается от статического дизайна, поэтому здесь для вас откроется абсолютно новый и удивительный мир. Анимация интерфейсов нужна для создания анимированных дизайн-систем, для продвинутых анимаций и microinteractions, для экспериментальных анимаций из эффектов и 3D, для новых видов взаимодействия.

Вы посмотрите на свою работу под новым углом и сможете вырасти как профессионал. На курсе мы хотим показать вам всю многогранность анимации и целиком увлечь вас этой сферой :)

6 июля курс длится 3 месяца: по вторникам и пятницам видеолекции, по четвергам – вебинары с куратором
7000 грн/мес 21 000 грн при полной оплате за весь курс
7350 грн/мес при оплате частями
30 мест каждый студент получает регулярный фидбек от куратора группы

Куратор

Антон Пинкевич, основатель креативной студии Untime.

Моушн-дизайнер с 2009 года, front-end девелопер с 2016 года.

Программа курса

Основы анимации интерфейсов

Ответим на вопрос «почему мы делаем анимацию в сложном After Effects, а не Principle, Framer X и других инструментах?». Научимся переносить дизайны из Figma, Sketch, Adobe xd в Аfter Еffects.

Разберём, что такое анимация. Из чего она состоит. Как сделать анимацию хорошей. Усвоим, как строится анимация простых и сложных форм, и узнаем основы анимации в интерфейсах.

Кнопки, лоадеры, иконки

Из этих элементов строится основной «язык» общения между интерфейсом и пользователем. Поэтому стоит уделять им самое пристальное внимание. Мы анимируем множество иконок, лоадеров и кнопок. Научимся грамотно использовать тайминг и спейсинг.

Seamless transitions

Всё не так страшно, как кажется. Но если и страшно, то после этого модуля уже не будет.

Подробно разберём — как строятся переходы между экранами, научимся их планировать и грамотно использовать в приложении.

3D и использование эффектов в АЕ

Окунемся в мир 3D. Именно окунемся, а не нырнем. 3D мир в АЕ очень мелкий :) Но с помощью него можно получать интересные результаты.

Также рассмотрим часто используемые эффекты, научимся их миксовать для получения нужного результата.

3D и Cinema 4D

Глубже нырнем в мир 3D. Это нужно для того, чтобы красиво представить свою работу в портфолио или клиенту. Можно использовать мокапы, но они однотипные. А с помощью простых техник в синеме можно получать всегда разнообразные и интересные результаты.

Научимся использовать готовые модели, материалы, пресеты света. Научимся настраивать рендер в разной стилистике. А позже будем интегрировать 3D рендеры с интерфейсами.

Лого анимация

Учимся делать кастомные прелоадеры и splash screens с использованием логотипов.

Анимация текста

Рассмотрим продвинутую анимацию текста. Будем использовать и кастомизировать эффекторы, а позже будем сохранять их в пресеты для дальнейшего использования в других проектах.

Анимация иллюстраций

Почти все сайты и приложения так или иначе используют иллюстрации. Мы же научимся их анимировать и вызывать «WOW» у своих клиентов.

Кейфреймы, композиции и экспрешены

В наше время дизайнер должен уметь немного программировать. Будем учиться грамотно оптимизировать свой рабочий процесс и смотреть на анимации глазами разработчика.

Учимся говорить с разработчиком

Обратим внимание на то, какая информация важна разработчику. Отточим техники для вычленения и структурирования этой информации. Подготовка хорошего задания на разработку анимации любой сложности.

Как проходит обучение

Видеолекции и вебинары

По вторникам и пятницам вы получаете доступ к видеолекциям, а по четвергам в 19:30 проходят живые созвоны с кураторами и группой.

Курсовой проект и real-life задания

По окончанию курса вы получите знания для анимации лендинга, создания анимированной дизайн системы, анимации флоу в приложении. А также поработаете над реальными проектами для своего портфолио.

Unlimited фидбек

У нас нет базовых и премиум режимов. Только премиум всегда. Получите от куратора все. И, да, десятая итерация — это нормально.

Сертификат за дело

Выдаём только тем, кто своим потом, временем и силами его заслужил.

ГРАФИК

Подача заявок

до 1 июля

Старт занятий

6 июля

Вебинары

по четвергам в 19:30

Кейсы студентов

Анастасия Скалозуб Splash screen
Евгений Педорич Map navigation
Эдуард Новохатский Workout overview
Александр Князюк Opening cart overview

Кому подходит курс

UI/UX дизайнерам,

которые хотят открыть для себя новые техники и инструменты для взаимодействия с пользователями, делать более крутые презентации для своих клиентов и портфолио, говорить с разработчиками на одном языке и работать с ними в одной команде;

Начинающим моушн-дизайнерам,

которые работают в digital-агентствах;

Front-end и app разработчикам,

которые хотят выйти на новый уровень и добавить анимацию в свои работы;

Моушн-дизайнерам,

которые хотят научиться автоматизировать свою работу и тратить меньше времени на рутину (блок с экспрешенами).

Опыт

Всего научим на курсе

Время

10-12 часов в неделю на выполнение домашних заданий

Вопросы

Нужны ли какие-то навыки для поступления на курс?

Для поступления необходимо базово знать интерфейс Adobe After Effects. Если вы не знакомы с AE, рекомендуем перед началом курса посмотреть эти уроки. Всему остальному учим прямо на курсе.

Какие инструменты понадобятся для обучения?

Для обучения понадобится: Protopie (по желанию), Sketch или Figma, Adobe After Effects, Cinema 4D.

Можно смотреть занятия в любой удобный день?

Можно, но важно успевать выполнять домашние задания, которые вы будете получать после каждого занятия.

Будут ли мне доступны видеозаписи лекций после завершения курса?

Да, у вас сохраняется доступ после завершения курса.

Как происходит коммуникация на курсе и в каком формате куратор дает фидбек?

Вся коммуникация на курсе проходит на платформе Slack (рабочий чат группы, каналы для домашних заданий и полезных ссылок). Фидбек от куратора будет в виде комментариев на домашние задания и обсуждения на вебинарах.

А сертификат будет?

При условии успешного выполнения домашних заданий и курсового проекта.

А что, если мне не понравится?

До 3 занятия мы вернем деньги.

Регистрация

Остались вопросы?
Не стесняйтесь их задавать.

Проконсультируйте меня