Анимация интерфейсов на новом уровне. Создавайте дизайн и новый пользовательский опыт с помощью анимации
8 недель
11 спринтов
Последний поток
Одно из частых требований к дизайнерам — это навык создания анимации интерфейса. Навык, который всегда выделит вас среди конкурентов. Но для многих анимация — это просто украшение дизайна на уровне UI и всё. Мы же расскажем, как создавать новый опыт с помощью анимации на уровне UX! Вы откроете 4-ое измерение в дизайне с помощью анимации
О курсе
На курсе вы научитесь
Создавать интересную анимацию ваших сайтов и приложений
01.
Создавать отзывчивые интерфейсы
На курсе мы разберем основы юзабилити и принципы интерактивности. Как создавать дружелюбный и интуитивно понятный интерфейс.
02.
Создавать анимацию
Ну, конечно же весь курс мы будем учиться создавать анимацию в различных программах и сервисах.
03.
Работать в рамках бюджета
Вы узнаете, какая анимация дорогая в разработке, а какую сможете сделать самостоятельно. Это крайне ценится в дизайнерах – контакт с реальностью.
04.
Передавать анимацию разработчикам
Мы научимся не просто создавать красивые ролики, но и разберем все способы передачи эффектов и анимаций для разработки. В том числе и плагины для экспорта анимации сразу в код.
05.
Презентовать дизайн
Важнейший навык: так как встречают по одежке, вы больше не будете показывать заказчикам скучные картинки, а дадите возможность потыкать и поклацать уже в живой интерфейс. Или просто сделать эффектную презентацию работы в портфель.
Программы и сервисы
Principle / Mokup (win)
Разберемся в принципах создания простой интерфейсной анимации. Для пользователей window будут уроки в Mokup - это аналог principle на винде.
After Effects
Подружимся с мастодонтом анимации и научимся работать с эффектами и плагинами
Figma
Разберем все возможности фигмы для анимации и прототипирования
Tilda
Закрепим на практике создание сложной анимации
ReadyMag
Также разберем все инструменты анимации в этом сервисе
ProtoPie
Новый фаворит в сфере анимации приложений
Кратко о курсе
5
лет
учим дизайну
2800
+
выпускников
98
%
положительных отзывов
Посмотрите короткий ролик, в котором мы расскажем о нашем подходе к обучению дизайну
Кому подойдет этот курс
UX/UI и продуктовым дизайнерам
Тем, кто хочет улучшить свой сервис или приложение интерактивом и анимацией. Для быстрого теста гипотез с анимацией.
WEB дизайнерам
Для тех, кто устал от скучных сайтов свитков и кто хочет разнообразить свой проект новыми решениями, а также эффектно презентовать свою работу.
SMM дизайнерам
Всем бойцам медиа фронта будет полезен этот курс для быстрого создания анимационных роликов для соц. сетей.
Часто в студию нужен моушен-дизайнер для анимации проектов и кейсов
Тем самым вам не нужно конкурировать с другими дизайнерами, вы можете попасть в крутую студию через анимацию!
Как проходит обучение
Вы будете работать в общей группе в телеграм и на нашей обучающей платформе. Уроки будут открываться независимо от прохождения предыдущих уроков. По мере выполнения заданий вы будете получать обратную связь от преподавателя или куратора. Работы проверяться не будут по выходным и после завершения курса.
Что потребуется для обучения
Базовая часть работы будет проходить в программе After Effects. Конечно, желательно иметь мощный компьютер, но подойдет даже старенькая прошка 12го года или ноутбук на Windows с 4 ядрами и 8 гигабайтами оперативки.
Программа обучения
8 недель
> 20 шотов
25 уроков
Цель курса — запустить карьеру студента. Программа обучения спроектирована так, чтобы погружение происходило последовательно, шаг за шагом.
Разберемся в теме интерактивного дизайна и как анимация улучшает поользовательский опыт. Практика в программе After Effects. Мы снимем тревогу и страх перед этой тяжелой программой, и вы начнете легко в ней ориентироваться.
Как опираясь на юзер-флоу мы можем продумывать анимацию и делать интерфейс легче и понятней.
Всё, что может зависеть от скролла, мы пройдем в этом уроке и сделаем анимацию сайта с параллаксом и горизонтальной прокруткой. Разберемся в устройстве внимания пользователя и как оно меняется при скроле.
Поговорим про менее заметные принципы и эффекты в анимации, и как продумывать сценарии в интерфейсе с учетом анимации. Большая практика по решению реальных UX/UI задач в маркетплейсах.
Тут мы разберем все сложные эффекты от скролла, ховера или клика. Сделаем интересный слайдер с Wow-эффектом.
Мы изучим программу ProtoPie. Создадим прототип приложения и сайта с возможностью взаимодействовать с прототипом в реальном времени, а не в записи.
Как подготовить анимацию для презентации клиента или передачи в разработку. Также изучим плагины для экспорта анимации из After Effects в готовый код и импорт их на сайт.
Изучим инструменты анимации на конструкторе Tilda и вставим свой код, выгруженный из After Effects.
Также пройдемся по устройству анимации в этом сервисе.
Пройдемся по фишкам презентации нашей анимации на Behance и Dribbble
В спринте будет разбор анимации в фигме и несколько уроков как сделать не типичную для фигмы анимацию. Также расмотрим все новые фичи в прототипировании и создании анимации на сегодняшний день.
Дополнительный блок по программам для быстрого прототипирования на MAC и Windows
Основатель и главный тренер школы «Наука дизайна» Стаж в дизайне — 15 лет
Я проведу вас за руку по теме анимации и отвечу на все ваши вопросы. Я применяю анимацию в каждом своём проекте и это не просто красивые эффекты, а дополнительные элементы в взаимодействии с пользователем и созданием для него понятного и запоминающегося опыта.
Примеры работ
Ваше резюме после обучения
Профессиональные навыки
60 000 ₽
Зарплата от:
UX/UI-дизайнер
Должность
Подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.
Сертификат школы «Наука дизайна»
Создание аниматиков для презентации работы
Знание о законах юзабилити
Умение создавать удобные и понятные интерфейсы
Навык передачи анимации в разработку в JSON
Понимание трендов в дизайне
Умение презентовать свою работу
Владение After Effects, Principle, Figma
До закрытия продаж:
Дни
Часы
Минуты
Секунды
Стоимость и условия оплаты
Количество мест
Доступ ко всем теоретическим материалам Доступ ко всем урокам Проверка работ кураторами курса в видео формате Доступ к закрытому чату в telegram Доступ к PDF материалам
Купить/Рассрочка
Рассрочка четвертями
16 000 ₽
0
С каждым 5-м студентом цена растет на 500 рублей. Есть возможность взять в рассрочку на 2 части от школы, через банк до 24 месяцев или четвертями.
#orderpopup
#popup:flexipay
Варианты рассрочки
Если у вас нет возможности оплатить курс сразу, то это не беда! Мы или наш банк-партнер сможет предоставить вам рассрочку без переплаты.
Условия
РФ
Другие страны
Рассрочка от школы Рассрочка с первоначальным взносом. Половина суммы оплачивается до начала обучения, вторая половина в течении первой половины курса
Рассрочка от банка Рассрочка на 6, 12 или 24 месяца без первоначального взноса и переплат
Рассрочка четвертями без участия банка Рассрочка на 3 месяца без переплаты с первоначальным взносов 25%. Далее каждый последующий месяц по 25%.
Условия
РФ
Другие страны
Рассрочка от школы Рассрочка с первоначальным взносом. Половина суммы оплачивается до начала обучения, вторая половина в течении первых двух недель курса
Рассрочка от банка Рассрочка на 6, 12 или 24 месяца без первоначального взноса и переплат
Рассрочка четвертями без участия банка Рассрочка на 3 месяца без переплаты с первоначальным взносов 25%. Далее каждый последующий месяц по 25%
Вопросы и ответы
Работы проверяются минимум один раз в будний день. Формат ответа зависит от конкретной задачи и может быть текстовым, записью голоса, записью экрана компьютера или скайп-сессией.
Если в первые 7 дней после покупки курса вы решите, что вам не понравился материал курса или тренер, то без объяснения причин вы сможете вернуть полную стоимость обучения на курсе «Наука Интерфейсов».
Курс рассчитан на все этапы развития дизайнера как новичку, так и спецу.
Доступ к урокам останется за вами в любом случае на нашей образовательной платформе, но уже без поддержки тренера.
У вас будут открыты все уроки по курсу, но проверяться будут только те что вы успели пройти.
Да. Но всё равно нужно будет трудиться. Специально для этого у нас есть клуб личной эффективности, где мы будем учиться всё успевать!
В правом нижнем углу этого сайта, есть синяя кнопка. Туда можно написать любой интересующий тебя вопрос или прислать письмо нам на info@nauka-dsgn.ru
После заполнения формы, вы автоматически получите смс с ссылкой на регистрационную анкету. Нажимая на кнопку, вы даете согласие на обработку персональных данных, и соглашаетесь c политикой конфиденциальности.