Motion анимация для UX/UI дизайнеров

  • Формат

    Онлайн

  • Старт

  • Где

    Онлайн-платформа Zenclass

  • Длительность

    от 2 до 6 месяцев

  • Кто ведёт

150 BYN
Одним платежом или в беспроцентную рассрочку на 3 месяца от UX MIND School
14.25 BYNx12 месяцев
Онлайн-кредит от Альфа-банка
Принимаем Visa, Mastercard, МИР. Примерная стоимость в других валютах:
  • 🇺🇸 50 $
  • 🇷🇺 3950
  • 🇵🇱 190
Уже записаны на курс? Оплатить курс
Для кого
  • Если вы уже работаете в Figma и хотите добавить жизни своим интерфейсам

  • Курс подойдёт тем, кто раньше не работал в After Effects

  • Это отличный способ выделиться на фоне начинающих дизайнеров и попасть в студию

  • Анимация поможет брать более дорогие и интересные проекты

  • Прокачайте визуальную подачу и сделайте кейсы для Dribbble и Behance

Навыки после курса
  • Научитесь оживлять интерфейсы и добавлять динамику в дизайн

  • Сделаете промо-анимацию для своего кейса, которую можно показать клиенту

  • Сделаете интерактивные элементы: кнопки, блоки, хедеры и др.

Программы
  • Освоите базовые инструменты работы с анимацией и таймлайном

О курсе

Это дополнение к нашему основному курсу по UX/UI веб дизайну. Оно создано специально для веб-дизайнеров, которые хотят освоить motion-анимацию для интерфейсов и прокачать свои навыки. Поэтому если вы уже работаете UX/UI дизайнером, веб-дизайнером или дизайнером мобильных приложений, то вам сюда!

Дополнение состоит из 5 разделов и включает 13 коротких видеоуроков. В них собрана только та информация, которая действительно нужна веб-дизайнеру для создания своих первых анимаций интерфейсов: кнопок, блоков, заголовков, промо-элементов. Никакой воды и лишней теории — только конкретные задачи и понятные решения.

Программа дополнения заточена именно под анимацию интерфейсов, поэтому мы максимально упростили подачу и оставили только то, что реально пригодится в работе веб или UX/UI дизайнера. Вы быстро научитесь собирать анимации в After Effects и сможете использовать их для оформления кейсов, презентаций или передачи задач разработчику.

Как и во всех наших курсах, каждое домашнее задание включает практику — вы будете делать небольшие задания, которые лично проверяет преподаватель и дает обратную связь. Это поможет не просто посмотреть урок, а реально закрепить навыки и применить их в своём дизайне.

Если вы уже действующий дизайнер, то вы сможете учиться на этом дополнении, без прохождения основного курса.

Программа курса Motion анимация для UX/UI дизайнеров

Введение. Как использовать motion-анимацию в веб-дизайне

Motion-анимация — это не просто «красивые движения». Это инструмент, который помогает управлять вниманием пользователя, выстраивать ритм и усиливать впечатление от интерфейса. Мы начнем учебу со следующих тем:

  • Где в веб-дизайне уместна анимация, а где — мешает

  • Какую задачу решает анимация на лендингах и в других цифровых продуктах

  • Чем отличается интерфейсная анимация от промо-ролика

  • Как построена программа курса и что мы будем анимировать

Установка After Affects, плагинов и скриптов

Прежде чем начать, нужно подготовить рабочую среду. Мы установим нужные инструменты и подготовим ваш макет Figma к импорту:

  • Установка After Effects и подключение AEUX

  • Импорт дизайна из Figma

  • Подготовка графики и шрифтов

  • Настройка frame rate и композиции

  • Установка полезных скриптов (EasyCopy, Motion Tools и др.)

Основы анимации: ключи, позиции, скорость

Изучаем базовые принципы анимации:

  • Что такое keyframe и как работает интерполяция

  • Позиция, прозрачность, масштаб и вращение

  • Настройка плавности через F9 и speed graph

  • Как сделать интересное движение даже из простых блоков

Анимация первого экрана (хедера)

Научимся оживлять первый экран сайта, чтобы он выглядел как шот на Dribbble:

  • Анимация появления заголовка и подзаголовка

  • Работа с трекматами и масками

  • Анимация бегущего текста и декоративных элементов

  • Построение иерархии через null-объекты

Работа с текстами и шейпами

Изучим встроенные текстовые аниматоры After Effects и сделаем модную текстовую анимацию:

  • Как анимировать по буквам, словам, строчкам
  • Анимация трекинга, опейсити, вращения и скейла
  • Применение Trim Path и Repeater для шейпов
  • Простые приёмы для создания wow-эффекта

Финальный проект: промо-анимация

В этом блоке вы соберёте собственную промо-анимацию на основе дизайна из Figma:

  • Подготовка проекта к презентации

  • Появление продукта и взаимодействие с интерфейсом

  • Добавление курсора и имитация клика

  • Финальные штрихи: затухание, масштаб, графика

Экспорт и оформление проекта

Финализируем и красиво упакуем ваш проект:

  • Как сохранить анимацию в нужном формате

  • Настройки рендера для Web, Instagram, Dribbble

  • Добавление обложки, фона и звука (по желанию)

  • Что нужно для публикации кейса в портфолио

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

1

Теория

1

Теория

Курсы – это не справочник из набора ссылок и заданий на механическое повторение. Первую очередь мы учим думать. Курсы где “100% практики” не сделают из вас специалиста. Вы должны хорошо понимать смысл того чем занимаетесь, а это приходит только с изучением теории и её анализом.

2

Практика

2

Практика

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

3

Домашнее задание

3

Домашнее задание

У нас есть обязательные домашние задания, которые необходимо выполнить чтобы пройти на следующий этап курса. Каждое домашнее задание проверяется лично преподавателем и мы отправляем видео разбор в Telegram ученика

4

Общий чат

4

Общий чат

Во время обучения очень важно также общаться с единомышленниками, чтобы получить поддержку и просто поделиться своими успехами. Поэтому у нас есть общий чат, где все это происходит.

5

Итоговый проект

5

Итоговый проект

Итог курса — промо-анимация, которая украсит ваше портфолио

6

Сертификат

6

Сертификат

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

UX Mind School

Гордимся выпускниками

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

Постер к видео отзыву от Отзыв Алеся
Постер к видео отзыву от Саша Жестков
Постер к видео отзыву от Отзыв Мария
Постер к видео отзыву от Отзыв Вика
Постер к видео отзыву от Аня
Постер к видео отзыву от Отзыв Даша
Постер к видео отзыву от Таня Силина
Постер к видео отзыву от Отзыв Света

Очень рада, что выбрала UX Mind. Все было организованно замечательно! Курс прошел очень насыщенно и интересно. Илья Метла – отличный преподаватель. Вся информация на занятиях была подана последовательно. Было все доступно и интересно. Кроме этого было предоставлено множество дополнительной информации для изучения. Впечатления остались положительные. Спасибо большое!

Елизавета Петровец
Елизавета Петровец Минск

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

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

Особая благодарность преподавателям: понятно и доступно объясняют, пока не поймешь, отвечают на все вопросы. Во всем ощущается гуманный подход, совсем не как на обычных курсах. Ты как будто общаешься со старшим товарищем, который поддерживает тебя и направляет, а не со строгим учителем. Хочу отметить ещё и такой бонус как комьюнити. Несмотря на то, что я училась онлайн, я познакомилась с единомышленниками благодаря нашему чату, а некоторых теперь знаю и вживую. Я рада, что в моей жизни был такой опыт.

Я счастлива и грущу, безумно все понравилось, и занятия и доступность информации. Преподаватель Ольга Казанза — это богиня, космос и восторг, она сделала все, чтобы я влюбилась в дизайн! ( P.S. Мы просили продолжения, продленку 😂) предложений нет по улучшению нет)

Мне казалось, что меня сложно чем-то удивить в плане преподавания и ведения курсов. Но тут я своё мнение изменила! Эти 2,5 месяца с ребятами пролетели очень быстро, супер продуктивно и очень незаметно. Спасибо вам от души, это то, что с удовольствием хотелось бы повторить ещё разок!

Варя Кисель
Варя Кисель Минск

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

Это лучшие курсы, на которых мне довелось учиться! Я ни разу не пожалела о том, что выбрала именно ее, полная отдача от преподавателей, всегда отвечали на интересующий вопросы, помогали, вели от начала до конца) есть с чем сравнить поверьте) Я в восторге, хочу выразить слова благодарности Ольге и Илье, cпасибо Вам, ребята, за ваш труд, вы самые лучшие! Все было четко, понятно и без лишней воды!)))

5 звезд не хватит, чтобы описать мою благодарность). Закончила онлайн-курс по UX/UI-дизайну. Уроки без воды и простым языком, максимально нацелены на практику, подробные и индивидуальные разборы домашек. Очень ценно, что есть постоянная связь с преподавателями и студентами в учебных чатах, и материалы курса остаются в доступе ученика после окончания. Огромное спасибо преподавателям за их профессионализм и теплую атмосферу на курсах) особенно Оле, которая вела мой проект и поддерживала, и все получилось классно и вкусно)

Не пожалела, что выбрала именно это место среди других курсов. Курсам желаю только процветания и дальнейшего роста ❤️

Учился там примерно 6 лет назад!) теперь у меня своя веб студия! Курсы топ! Дают крутой старт! Все сюда! Топ в Минске!

Недавно закончила очный курс «UX/UI Design» в UX Mind. То, что это лучшие курсы в Беларуси — бесспорный факт (проверено!) 🔥

Мой преподаватель — Ольга Казанза 🤘 Ещё на моменте знакомства я отметила, что хотелось бы после окончания курса иметь такой же огонь в глазах и любовь к своему делу — спойлер, получилось!!! 😎 Всегда весело, познавательно, интересно, комфортно и профессионально! Спасибо за знания, искренность, невероятную поддержку и мотивацию 🤝. Илья Метла — человек, который заставил выучить hot keys в Figma уже после второго урока, объяснял сложные вещи простым языком, приучил к порядку в макете и чётким пикселям 🙌

Есть один «минус» — разлюбить дизайн уже невозможно, а уснуть после 8 часов в Figma тоже не всегда сразу получается, потому что поток энергии и мотивации творить просто не заканчивается 😅. Спасибо за эти удивительные 3 месяца! Уважаю, люблю и уже скучаю. UX Mind как семья

Отличные курсы! Закончила курс "UX/UI Веб-дизайнер". Очень понравилось то, как преподносили материал - структурировано, только самое нужное. Преподаватели просто супер, отдельный респект Оле ❤️. На online-обучении можно работать в удобном для себя режиме, а в чате курса можно пообщаться с другими дизайнерами или задать интересующие вопросы. Очень рада, что выбрала именно эти курсы 😊

Студенты защитившие итоговую работу получают именной сертификат

Лучшим выпускникам предлагаем стажировку и даём рекомендации в компании, с которыми сотрудничаем

UX Mind School Certificate

Работы выпускников

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

Часто задаваемые вопросы

Будет ли защита диплома?

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

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

Конечно! На онлайн-курсе у вас будет полноценная помощь преподавателей. Преподаватель будет присылать вам видео-разборы домашних заданий, общаться лично в telegram, чтобы дать ответы на все вопросы на протяжении периода обучения. Для этого вас будет целых 6 месяцев с момента покупки курса, что примерно в два раза больше, чем нужно среднему ученику.
Но даже если вы по каким-то причинам не окончили курс за 6 месяцев (это большая редкость), мы оставляем вам доступ ко всем урокам курса для самостоятельного изучения, а также доступ в общий чат поддержки в Telegram, где можно просить помощь у коллег.

Какой нужен компьютер для дизайнера?

Оптимальный набор – это процессор Intel Core i3, объем оперативной памяти 8-16 гб. Эти параметры рекомендательные, а не обязательные. Поэтому если твой домашний компьютер или ноутбук «слабее», в этом нет ничего страшного.

Когда можно приступать к обучению?

В любой момент 😀. На онлайне вам не надо ждать старта группы!

Может ли за мое обучение оплатить компания, в которой я работаю?

Да, конечно! Присылайте нам заявку, а когда куратор с вами свяжется, то сообщите что обучение вам будет оплачивать компания.

Можно ли учиться без знания английского языка?

Знание английского не требуется для работы в графических редакторах. Большинство из них интуитивно понятные и наглядные. Поэтому смело записывайся на наши курсы.

Насколько быстро вы проверяете домашние задания?

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

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

Нужно ли дополнительно покупать какие-то материалы или инструменты для того, чтобы пройти курс?

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

Нужно ли заключать договор на обучение и как это сделать?

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

Получу ли я сертификат об окончании курса?

Да, ученикам которые успешно защищают выпускную работу мы вручаем именной сертификат. Тем кто учится в классе мы вручаем физическую копию сертификата, а для тех кто заканчивает дистанционные курсы – электронный

Почему обучение на курсах эффективнее, чем самостоятельное?

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

Программа курса для всех форматов одинаковая?

Да, программа курса одинаковая.

Формат влияет только на подачу этого материала: или занимаемся очно в классе, или на дистанционке в живом режиме с преподавателем по Zoom, или занимается по заранее записанным видео-урокам

Сколько времени нужно уделять домашним заданиям?

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

У меня другой вопрос!

Напишите нам в Telegram! С удовольствием ответим на все вопросы

Что лучше: онлайн обучение или другой формат?

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

Я никогда не занимался дизайном. Получится ли у меня?

Для этого школа и существует: мы учим дизайну с нуля. Любые знания сейчас можно найти в интернете, но учебные заведения популярны как никогда: ценность курса в подходе, методиках и последовательности обучения.

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

Ответим на любые вопросы о курсе