Мова викладання в курсі — російська. Незабаром буде доступна українська версія цього курсу.
Відеозаписи лекцій без зворотного зв'язку та участі викладача. Ви отримаєте доступ до матеріалів одразу після оплати.
Курс ідеально підійде
Веб-дизайнер
На курсі ви навчитеся робити анімовані прелодери, іконки, промосайти, додатки та інші анімовані роботи, які прикрасять ваше портфоліо.
UI/UX-дизайнер
Ви опануєте анімацію інтерфейсів, зможете створювати мікровзаємодії та плавну анімацію.
Motion-дизайнер
Додасте до свого арсеналу нові редактори та прийоми, поглибите знання в галузі користувацького досвіду, підвищите свою цінність як фахівець.
]Чого ви навчитеся
На курсі ви дізнаєтеся, як створюється і де застосовується анімація інтерфейсів, які види анімації існують, як пожвавити презентацію і зробити креатив для відеобаннера.
— Анимировать интерфейсы.
— Готовить материалы к анимации.
— Создавать микровзаимодействия.
— Создавать плавную анимацию.
— Писать сценарии роликов и делать раскадровку.
— Создавать анимацию статичной концепции.
— Проектировать эффектные презентации для клиента.
— Работать в AfterEffects, Principle, Webflow, Atomic.
Програма курсу
1. Вступ до motion design
— Знакомство.
— Введение в motion design: тренды, разновидности, применение.
2. 12 принципів анімації Walt Disney Studios
— Принципы построения анимации, тайминги и изинги.
— Предвкушения и растяжение.
— Управление вниманием.
— Как правила классической анимации работают в UI.
3. Motion design в інтерфейсах
— Роль анимации в интерфейсах сайтов и приложений.
— Разбор области применения: создание прототипов с обратной связью, микровзаимодействия, анимация иконок, прелоадеров, видеобэкграундов, презентаций и шоурилов. WebGL.
— Основные инструменты и форматы.
4. After Effects
— Возможности программы.
— Знакомство с интерфейсом и инструментами.
— Composition и Precompose.
— Маски.
— Ключи.
— Первые шаги в After Effects.
— Учимся на кошках: анимация примитивов и ключевых параметров.
5. Іконки - занурення у світ мікроанімації
— Как придумать анимацию иконок.
— Подготовка вектора.
— Анимация.
— Конвертация в GIF.
6. Прелоадери
— Интересные примеры прелоадеров.
— Природа прелоадера.
— Придумываем, рисуем, анимируем.
7. Дизайн матеріалу
— Материал как метафора в концепции material design.
— Философия концепции material design.
— Суть и основные принципы.
— Рассмотрим примеры material design.
— Основные фишки анимации material design.
— Репозитории и готовые пресеты.
8. Принцип
— Введение и обзор самого перспективного редактора для быстрой анимации интерфейсных элементов и прототипов.
— Возможности программы Principle.
— Знакомство с интерфейсом и принципами работы.
— Работа со слоями.
— Панель анимации и драйверы.
— Анимация сценария.
9. Webflow - інструмент прототипування веб-інтерфейсів
— Знакомство с веб-интерфейсом, позволяющим создавать адаптивные анимированные прототипы сайтов.
— Обзор интерфейса программы, инструментария, примеров.
— Превратим лендинг из PSD в HTML и накрутим разной анимации на скролл и появление блоков.
10. Атомний
— Возможности программы.
— Знакомство с интерфейсом и принципами работы.
— Компоненты, экшны и анимация.
— Импорт из скетча и создание анимации сценария.
11. анімація статичної концепції
— Поиск референсов.
— Написание сценария. Расстановка акцентов.
— Ключевые фишки в анимации.
— Подготовка PSD/AI-файлов к анимации. Тайминг, правильные клики и скроллы.
12. чиста магія - створення шоурилу, що продає
— Что влияет на создание продающего шоурила.
— Создаём шоурил.
13. Робочі будні моушн-дизайнера
— Рассказываем про штатный рабочий день моушн-дизайнера.
— Методы оптимизации рабочего времени и пространства.
— Правильный симбиоз программ и репозиториев.
— Территория ответственности.
— Инициатива и поиск идей.
14. Анімація концепції для презентації клієнту
— Статичные и динамичные мокапы.
— Монтаж.
— Звук.
— Переходы между сценами.
— Видеохостинги.
2 відгуки для UI анимация интерфейсов — видеокурс
Відгуків немає, поки що.