UX/UI Animation Онлайн-курс по анимации интерфейсов
Онлайн школа Projector
Куратор: Антон Пинкевич
Мы входим в новую эру — эру моушн-дизайна. Хорошего UX и симпатичного UI стало недостаточно. Пользователи хотят больше движения. Почти все топовые приложения внедряют анимацию: Uber, Google, Netflix и многие другие. Чего только стоит Onboarding анимация в приложении Home от Google или Splash Screen от Uber. Выглядит завораживающе!
В целом анимация интерфейсов очень увлекательна. Ее несложно изучить, так что начать может каждый. Но со временем вы будете узнавать ее новые стороны, открывая новые приемы и техники.
Моушн-дизайн колоссально отличается от статического дизайна, поэтому здесь для вас откроется абсолютно новый и удивительный мир. Анимация интерфейсов нужна для создания анимированных дизайн-систем, для продвинутых анимаций и microinteractions, для экспериментальных анимаций из эффектов и 3D, для новых видов взаимодействия.
Вы посмотрите на свою работу под новым углом и сможете вырасти как профессионал. На курсе мы хотим показать вам всю многогранность анимации и целиком увлечь вас этой сферой.
Основы анимации интерфейсов
Ответим на вопрос «почему мы делаем анимацию в сложном After Effects, а не Principle, Framer X и других инструментах?». Научимся переносить дизайны из Figma, Sketch, Adobe xd в Аfter Еffects.
Разберём, что такое анимация. Из чего она состоит. Как сделать анимацию хорошей. Усвоим, как строится анимация простых и сложных форм, и узнаем основы анимации в интерфейсах.
Кнопки, лоадеры, иконки
Из этих элементов строится основной «язык» общения между интерфейсом и пользователем. Поэтому стоит уделять им самое пристальное внимание. Мы анимируем множество иконок, лоадеров и кнопок. Научимся грамотно использовать тайминг и спейсинг.
Seamless transitions
Всё не так страшно, как кажется. Но если и страшно, то после этого модуля уже не будет.
Подробно разберём — как строятся переходы между экранами, научимся их планировать и грамотно использовать в приложении.
3D и использование эффектов в АЕ
Окунемся в мир 3D. Именно окунемся, а не нырнем. 3D мир в АЕ очень мелкий Но с помощью него можно получать интересные результаты.
Также рассмотрим часто используемые эффекты, научимся их миксовать для получения нужного результата.
3D и Cinema 4D
Глубже нырнем в мир 3D. Это нужно для того, чтобы красиво представить свою работу в портфолио или клиенту. Можно использовать мокапы, но они однотипные. А с помощью простых техник в синеме можно получать всегда разнообразные и интересные результаты.
Научимся использовать готовые модели, материалы, пресеты света. Научимся настраивать рендер в разной стилистике. А позже будем интегрировать 3D рендеры с интерфейсами.
Лого анимация
Учимся делать кастомные прелоадеры и splash screens с использованием логотипов.
Анимация текста
Рассмотрим продвинутую анимацию текста. Будем использовать и кастомизировать эффекторы, а позже будем сохранять их в пресеты для дальнейшего использования в других проектах.
Анимация иллюстраций
Почти все сайты и приложения так или иначе используют иллюстрации. Мы же научимся их анимировать и вызывать «WOW» у своих клиентов.
Кейфреймы, композиции и экспрешены
В наше время дизайнер должен уметь немного программировать. Будем учиться грамотно оптимизировать свой рабочий процесс и смотреть на анимации глазами разработчика.
Учимся говорить с разработчиком
Обратим внимание на то, какая информация важна разработчику. Отточим техники для вычленения и структурирования этой информации. Подготовка хорошего задания на разработку анимации любой сложности.
Ответим на вопрос «почему мы делаем анимацию в сложном 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 фидбек
У нас нет базовых и премиум режимов. Только премиум всегда. Получите от куратора все. И, да, десятая итерация — это нормально.
Сертификат за дело
Выдаём только тем, кто своим потом, временем и силами его заслужил.
Кому подходит курс
UI/UX дизайнерам,
которые хотят открыть для себя новые техники и инструменты для взаимодействия с пользователями, делать более крутые презентации для своих клиентов и портфолио, говорить с разработчиками на одном языке и работать с ними в одной команде;
Начинающим моушн-дизайнерам,
которые работают в digital-агентствах;
Front-end и app разработчикам,
которые хотят выйти на новый уровень и добавить анимацию в свои работы;
Моушн-дизайнерам,
которые хотят научиться автоматизировать свою работу и тратить меньше времени на рутину (блок с экспрешенами).
https://prjctr.online/ui-ux-animation-online.html