Руководство пользователя Отмена

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


Связанные ресурсы

Обращайтесь к нам

Спросите сообщество

Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.

Получайте помощь быстрее и проще

Новый пользователь?