Auto-Animate

Движение объектов и UX-анимация теперь создаются чрезвычайно просто

Добавление анимации в процессе разработки

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

Плавный путь пользователя — такой, каким он и должен быть

Соединение монтажных областей с помощью связей и автоматическое создание переходов с помощью функции Auto-Animate.

Современная анимация и интерактивность

Используйте состояния компонентов и добавляйте такие интерактивные элементы, как наведение курсора и переключение, прокрутка и перелистывание, обновление вытягиванием и многие другие.

Пользователи любых устройств останутся под впечатлением

Внимание пользователей всегда будет приковано к дизайну благодаря использованию запоминающихся анимированных иконок, индикаторов загрузки и интерактивных руководств.

Порядок действий

1

Перетащите соединительную линию, чтобы соединить две монтажные области.

Можно также выполнить переход между компонентом и его состоянием, например наведением курсора или переключением.

Выберите Auto-Animate в качестве действия.

Настройте и создайте переход, который соответствует вашей задумке. Также можно выбрать триггер, например касание, перетаскивание или время.

Откройте предварительный просмотр прототипа.

Откройте предварительный просмотр прототипа. и нажмите на значок воспроизведения. Осуществите триггерное действие и посмотрите, как анимация приходит в движение.

Освежите свои знания, исследуйте, научитесь новому

Познакомьтесь с бесплатными советами, инструментами и учебными пособиями, которые помогут вам освоить работу в XD.

Готовы начать работу?