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

Добавление наложений

Научитесь добавлять наложение для имитации эффектов интерактивного слайда.

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

Клавиатура появляется как наложение на монтажной области
Клавиатура появляется как наложение на монтажной области

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

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

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

  3. Чтобы отрегулировать положение наложения на исходной монтажной области, щелкните и перетащите зеленый переключатель положения (+).

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

Вложенные наложения

Adobe XD не поддерживает вложенные наложения, когда вы накладываете наложение поверх другого наложения. В таких сценариях, когда вы подключаете первую монтажную область наложения к другой, первое наложение убирается перед применением второго наложения. 

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

Больше таких руководств и образцов файлов можно найти в сообществе XD.

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

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