Узнайте подробности программы у специалиста приемной комиссии
Нажимая на кнопку, вы соглашаетесь на обработку персональных данных и получение сообщений от Среды обучения
Научитесь «оживлять» макеты и собирать прототипы любых интерфейсов. Станьте UI-дизайнером, за проектами к которому заказчики выстраиваются в очередь
анимация
|
|
анимация ИНТЕРФЕЙСОВ
2 курс в подарок
2 курс в подарок
Научитесь «оживлять» макеты и собирать прототипы любых интерфейсов.
Станьте UI-дизайнером, за проектами к которому заказчики выстраиваются в очередь
Станьте UI-дизайнером, за проектами к которому заказчики выстраиваются в очередь
анимация
|
|
анимация ИНТЕРФЕЙСОВ
2 курса в подарок
Кейс в портфолио
и удостоверение
о повышении квалификации
и удостоверение
о повышении квалификации
Результат
Занятия проходят
в реальном времени
в реальном времени
Онлайн-формат
1 сентября - 29 февраля
Срок обучения
6 месяцев
Длительность
Почему этот курс?
Упор на практику
Учим тому, что нужно UI-дизайнеру здесь и сейчас. Это курс для тех, кто хочет делать интерфейсы, а не рассуждать о них
Физиологические особенности восприятия анимации
Научим делать анимацию не для красоты, а для ваших целей: чтобы пользователь кликнул на кнопку, перешел на сайт, открыл корзину
Актуальная техническая база
Самый технически продвинутый инструмент прототипирования — ProtoPie. Возможности Principle, After Effects и полезные плагины
Учёба на реальных кейсах
Никакой оторванной от земли теории. Преподаватели передают опыт работы над интерфейсами действующих компаний. Учебные проекты не отличаются от реальных
Занимайся, когда удобно
Учёба в одном клике от вас: занятия доступны онлайн в реальном времени и в записи, можно смотреть с телефона, можно пересматривать в течение года
Фидбек по каждому заданию
Преподаватели на связи через вебинары и чат в телеграме. Разбираем каждую работу: объясняем, что выглядит хорошо, что плохо, где можно поправить, делимся лайфхаками
Для кого этот курс
которые хотят получить фундаментальное понимание осмысленной UI-анимации и повысить стоимость своей работы
Для Middle-продуктовых дизайнеров
которые хотят стать востребованными специалистами и научиться использовать анимацию как прикладной инструмент для улучшения UI.
Для Junior-продуктовых дизайнеров
Чему вы научитесь
Создавать стильные и функциональные интерфейсы
Готовить анимированные презентации продукта
Делать макеты для передачи в разработку
Собирать высоко детализированные прототипы любых интерфейсов
Повышать качество пользовательского опыта с помощью анимации
Прогнозировать восприятие интерфейса с точки зрения физиологии
Сколько Вы будете зарабатывать?
Анимированные UI-концепты на сегодняшний день используются в большом количестве интерфейсов и уверенно вытесняют статику.
Профессия UI-аниматора — это вклад в Ваше будущее
Профессия UI-аниматора — это вклад в Ваше будущее
Сейчас по запросу «UI-дизайнер» по данным сайта HH.ru
521 вакансий
Зарплата
дизайнера интерфейсов
дизайнера интерфейсов
Источник данных: Хабр Карьера
70 000 руб.
Junior
Middle
140 000 руб.
200 000 руб.
Senior
Алексей Покидышев
- руководитель направления «Дизайн-система СберБанк Онлайн»;
- соавтор курса Виртуальной Школы Сбера «Дизайн для недизайнеров»;
- автор курса Виртуальной Школы Сбера «Функциональная анимация»;
- преподаватель курса «UX/UI дизайн» в Британской Высшей Школе Дизайна
Лидер программы
Дарим 2 курса в подарок
При поступлении на программу «Анимация интерфейсов» дарим два курса в записи бесплатно.
Программа обучения
Ответим на вопросы: Что такое анимация? Каковы ее основные принципы? Какой была первая анимация в интерфейсах? Какой софт есть на рынке? Почему именно ProtoPie?
Узнаем, для чего нужна анимация в интерфейсах, какие функции она выполняет, познакомимся с интерфейсом ProtoPie.
Поговорим о скорости анимации, о том, как выбрать тайминг и обсудим конкретные цифры, разберем три полезных совета про тайминг. Обсудим быстрое прототипирование, изучим основную парадигму ProtoPie: Object > Trigger > Response и соберем простой прототип, импортированный из Figma.
Разберем базовые и экзотические функции изинга, поймем, как выбрать изинг. Рассмотрим, как ритм влияет на восприятие анимации, создадим анимацию плавной загрузки на примере Figma.
Узнаем, можем ли мы использовать Drag, Pinch, Long Press и 3D Touch в ProtoPie. И привяжем к ним Move, Scale и 3D Rotate.
На примере интерфейсного свича узнаем, как анимировать один объект, который зависит от состояния другого.
Разберем правильное использование констрэйнтов и свойства векторных слоев-шейпов.
Рассмотрим переход, обратный переходу из прошлого урока. Разберем триггер Pull, чтобы отслеживать изменения на экране и воспроизводить соответствующую анимацию.
Сделаем горизонтальный онбординг, используя формулу для вычисления координат и изменения свойств нужных элементов.
Работая в ProtoPie, мы достаточно просто можем создать прототип формы регистрации или авторизации с помощью операторов условий и формул. Разберем работу с lottie анимациями в проектах.
Сделаем прототип для лендинга с 3D-трансформацией объекта, привязанной к действию курсором. Рассмотрим триггер Chain и то, как мы можем передавать одни значения в зависимости от других.
C помощью формул и триггера detect сделаем слайдер с динамически обновляющейся информацией.
Разберем триггер Range, узнаем, чем он отличается от оператора условий и в какой ситуации может быть нам полезен. Привяжем начало одной анимации к концу первой.
Научимся отслеживать расположение курсора на экране и хранить его в переменных. В итоге соберем hero секцию для лендинга с эффектом параллакса и 3D трансформациями.
Поговорим о звуках, Haptic и их взаимоотношениях с анимацией. Разберем, почему все три инструмента важны и как они дополняют друг друга.
Соберем прототип с динамическим освещением сцены (похожий эффект компания Google недавно показывала в последнем обновлении Material You).
Поговорим о том, какие инструменты для создания анимации в интерфейсах есть на рынке, обсудим их преимущества и недостатки.
Разберем главные функции, полезные фишки, сильные и слабые стороны Principle и After Effects.
Рассмотрим полезные и актуальные плагины для After Effects.
Разберем возможности плагина AEUX, незаменимого инструмента для переноса макета из Figma, Sketch в After Effects.
Рассмотрим полезные функции плагинов Motion3 и Swiss Knife, без которых достижение результата заняло бы огромное количество времени.
Познакомимся с веб-сервисом Shape Shifter, который единственный в своем роде позволяет быстро и удобно пересохранить xml в svg, а также дает возможность анимировать svg прямо в браузере.
Рассмотрим процесс передачи макета и прототипа в разработку.
Разберем два плагина для работы с фреймворком Lottie от Airbnb — LottieFiles или Bodymovin.
Как проходит обучение
в онлайн-занятиях: лекциях, практикумах и воркшопах
Участвуете
домашние задания и практические работы
Выполняете
финальный проект и применяете знания в работе
Собираете
рекомендации от преподавателей
Получаете
DO IT
Какой софт необходим
Микрофон
Веб камера
ПО: ProtoPie, After Effects
Компьютер/ноутбук
После сдачи итогового проекта Вы получаете:
WOW
Уверенные навыки
Конкурентоспособное портфолио
Удостоверение о повышении квалификации
Нажимая на кнопку, вы даете согласие на обработку своих персональных данных и получение сообщений от Среды обучения
Записаться на программу или получить бесплатную консультацию
Заполните заявку, и Вам перезвонит специалист приемной комиссии.
Оформите налоговый вычет и верните 13% от стоимости обучения
от 10 000 ₽/ мес
рассрочка на 6 месяцев
Доступ к записанным урокам 365 дней после завершения курса
Предлагаем беспроцентную образовательную рассрочку
Click to order
ВАШ ЗАКАЗ:
Total:
Отправляя свои контактные данные, вы соглашаетесь на обработку персональных данных и получение email-сообщений от Высшей школы «Среда обучения». Обратите внимание, что, если ваш счёт открыт в отличной от рубля валюте, то платёж будет конвертирован в рубли. Конвертацию в этом случае проводит либо ваш банк, либо система оплаты.
Правила и условия проведения Акции для абитуриентов Факультета дизайна Высшей школы «Среда обучения»
1) Акция проводится в период с 1 по 15 октября 2021 года.
2) В рамках Акции новый абитуриент (см. п.8 правил) имеет возможность получить один из восьми промокодов, соответствующих определенному подарку, выпадающих в «Колесе фортуны» на домене https://design.sredaobuchenia.ru/
3) У абитуриента есть две попытки выиграть разный промокод и он может воспользоваться или не воспользоваться второй попыткой по своему желанию.
4) Полученный промокод дает возможность новым абитуриентам, оставившим заявки на сайте https://design.sredaobuchenia.ru/ (и его поддоменах) непосредственно в период проведения акции и заполнившим при первом оставлении заявки поле «Промокод», получить соответствующий подарок или преимущество при условии поступления и оплаты до 15 октября 2021 года одной из перечисленных программ Дополнительного профессионального образования:
6) Условия и действие промокода может суммироваться с другими акциями, действующими в период их проведения.
7) Промокоды, позволяющие получить преимущество в виде скидки на обучение, предоставляют абитуриенту возможность получить скидку на первую оплату за обучение после оформления соответствующей возможности специалистом Приемной комиссии.
8) Участвовать в Акции не могут действующие студенты, абитуриенты, оставившие заявку до начала действия акции, абитуриенты, не заполнившие поле «Промокод» действующим промокодом, а также абитуриенты, поступающие на программы и курсы, не указанные в п.4 данных правил.
9) Условия применения промокодов и действия Акции, не указанные в данных правилах, подлежат уточнению и согласованию со специалистами Приемной комиссии.
2) В рамках Акции новый абитуриент (см. п.8 правил) имеет возможность получить один из восьми промокодов, соответствующих определенному подарку, выпадающих в «Колесе фортуны» на домене https://design.sredaobuchenia.ru/
3) У абитуриента есть две попытки выиграть разный промокод и он может воспользоваться или не воспользоваться второй попыткой по своему желанию.
4) Полученный промокод дает возможность новым абитуриентам, оставившим заявки на сайте https://design.sredaobuchenia.ru/ (и его поддоменах) непосредственно в период проведения акции и заполнившим при первом оставлении заявки поле «Промокод», получить соответствующий подарок или преимущество при условии поступления и оплаты до 15 октября 2021 года одной из перечисленных программ Дополнительного профессионального образования:
- Коммуникационный дизайн
- Дизайн цифровых продуктов
- Визуальное искусство
6) Условия и действие промокода может суммироваться с другими акциями, действующими в период их проведения.
7) Промокоды, позволяющие получить преимущество в виде скидки на обучение, предоставляют абитуриенту возможность получить скидку на первую оплату за обучение после оформления соответствующей возможности специалистом Приемной комиссии.
8) Участвовать в Акции не могут действующие студенты, абитуриенты, оставившие заявку до начала действия акции, абитуриенты, не заполнившие поле «Промокод» действующим промокодом, а также абитуриенты, поступающие на программы и курсы, не указанные в п.4 данных правил.
9) Условия применения промокодов и действия Акции, не указанные в данных правилах, подлежат уточнению и согласованию со специалистами Приемной комиссии.
© 1990 — 2022 Высшая школа «Среда обучения».
109028, г. Москва, Подсосенский переулок, 26, стр. 1.
109028, г. Москва, Подсосенский переулок, 26, стр. 1.
Используя наш сайт вы даете согласие на обработку файлов cookies и пользовательских данных.
ОК, понятно