UI-анимация [Bang Bang Education] [Александр Груздев]

UI-анимация [Bang Bang Education] [Александр Груздев]



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

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

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

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

Спойлер: Чему вы научитесь

• формировать анимационный процесс: подготовка макета, составление сценария, анимация блоков, запись видео.

• использовать инструменты создания анимации: тонкости Principle, возможности Origami, Figma (именно анимация)

• разбираться в фундаментальных принципах UI-анимации.

• создавать презентации для клиентов и шоты для портфолио.

• корректно передавать параметры анимации в разработку.

Спойлер: Расписание

Расписание:

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

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

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

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

Спойлер: Что в итоге

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

Продажник Скрытая ссылка