UI-анимация

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

• 9часов видеолекций
• 10уроков
• 7недель

Кому подойдет курс:

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

Чему вы научитесь:

• формировать анимационный процесс: подготовка макета, составление сценария, анимация блоков, запись видео.
• использовать инструменты создания анимации: тонкости Principle, возможности Origami, Figma (именно анимация)
• разбираться в фундаментальных принципах UI-анимации.
• создавать презентации для клиентов и шоты для портфолио.
• корректно передавать параметры анимации в разработку.

Расписание:

1. Интерфейс Principle.
2. Фундаментальные принципы анимации.
3. Мышление через призму опыта пользователя.
4. Сценарий анимации.
5. Подготовка макета.
6. Сборка анимации.
7. Возможности Origami, Figma.
8. Презентация дизайн-концепции клиенту.
9. Анимация для портфолио.
10. Передача в верстку.

Необходимые материалы и инструменты:

• macintosh.
• платные/пробные Sketch, Principle.
• бесплатный Origami, Figma.

Что в итоге:

Практическое понимание, что UI-анимация — это необходимая часть диджатал-дизайна, плюс возможность её качественной реализации и демонстрации.

Кто будет преподавать