Создание синхронизированных переходов

Узнайте, как создавать синхронизированные переходы с помощью временных триггеров.

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

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

Анимированные счетчики чисел с использованием синхронизированных переходов
Анимированные счетчики чисел с использованием синхронизированных переходов

Для создания простого синхронизированного перехода выполните следующие действия.

  1. В режиме Прототип щелкните заголовок исходной монтажной области и соедините ее с монтажной областью назначения. 

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

    • Триггер: выберите Время. Если параметр Время не отображается, возможно, вы не выбрали всю монтажную область и ее заголовок на шаге 1.  
    • Время отображения: введите время задержки до начала перехода. Допустимый диапазон составляет 0,2–5 сек.
    • Действие: выберите Переход. Триггер Время также можно использовать с другими действиями, как например Автоматическое анимирование, Наложение и Проигрывание речи для создания различных эффектов. См. Примеры, чтобы научиться создавать эффект анимации с циклическим повтором.
    • Место назначения: отображает монтажную область назначения, подключенную на шаге 1; можно изменить при необходимости.
    • Смягчение: выберите эффект смягчения, который нужно применить к исходной монтажной области.
    • Длительность: введите продолжительность эффекта смягчения, чтобы указать временной интервал эффекта смягчения. Допустимый диапазон составляет 0,2–5 сек. 

    XD сохраняет ваши атрибуты в монтажной области и предлагает их по умолчанию на следующих экранах.

  3. Чтобы просмотреть синхронизированный переход, выберите  

Примеры и образцы файлов

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

1. В режиме Прототип выберите заголовок монтажной области и установите следующие параметры.

  • Триггер: выберите Время.
  • Время отображения: введите время отображения 0,8 сек.
  • Действие: выберите Автоматическое анимирование.
  • Смягчение: выберите Ускорение.
  • Длительность: введите продолжительность 4 сек.

2. Щелкните для предварительного просмотра анимированного счетчика чисел.

Скачайте образцы файлов и посмотрите это видео, чтобы испытать их.

Время просмотра: 2 мин. 47 сек.

Хотите использовать синхронизированный переход, чтобы создать обучение работы с вашим приложением? Просмотрите это видео и используйте этот бесплатный набор пользовательского интерфейса для создания технологического процесса обучения.

Время просмотра: 5 мин. 2 сек.

Обучение работы с приложением

Примеры и руководства также можно найти в сообществе поддержки XD.

Советы и рекомендации

Знаете ли вы, что вы можете объединить переходы по времени с действиями Автоматическое анимирование и Наложение для создания интерактивных эффектов? Посмотрите это видео, чтобы узнать больше.

Время просмотра: 8 мин. 33 сек.

Логотип Adobe

Вход в учетную запись