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

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

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Управление цветом
    5. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    6. Основные сведения о рабочей среде
    7. Изменение языка приложения в Adobe XD
    8. Доступ к наборам для дизайна пользовательского интерфейса
    9. Доступность в Adobe XD
    10. Сочетания клавиш
    11. Советы и рекомендации
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Использование направляющих и сеток
      3. Создание прокручиваемых монтажных областей
      4. Работа со слоями
      5. Создание групп прокрутки
    2. Фигуры, объекты и путь
      1. Выделение, изменение размера и поворот объектов
      2. Перемещение, выравнивание, распределение и упорядочивание объектов
      3. Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
      4. Задание обводки, заливки и теней для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с помощью 3D-преобразований
      7. Редактирование объектов с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами для рисования и создания текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавление нескольких состояний для компонентов
    5. Маскировка и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установка фиксированного отступа для компонентов и групп
      3. Создание динамичных проектов с подборками
    7. Видео и анимации Lottie
      1. Работа с видео
      2. Создание прототипов при помощи видео
      3. Работа с анимацией Lottie
  4. Создание прототипа
    1. Создание интерактивных прототипов
    2. Анимирование прототипов
    3. Свойства объекта, которые поддерживаются при автоматическом анимировании
    4. Создание прототипов с клавиатуры и геймпада
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание синхронизированных переходов
    7. Добавление наложений
    8. Создание голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Публикация, экспорт и проверка
    1. Публикация выбранных монтажных областей
    2. Предоставление совместного доступа к проектам и прототипам
    3. Настройка разрешений на доступ к ссылкам
    4. Работа с прототипами
    5. Просмотр прототипов
    6. Работа со спецификациями дизайна
    7. Предоставление общего доступа к спецификациям дизайна
    8. Проверка спецификаций дизайна
    9. Навигация в спецификациях дизайна
    10. Проверка и комментирование спецификаций дизайна
    11. Экспорт ресурсов дизайна
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Корпоративный групповой совместный доступ
    14. Резервное копирование или перенос ресурсов XD
  6. Системы дизайна
    1. Системы дизайна с библиотеками Creative Cloud Libraries
    2. Работа с ресурсами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud Libraries в Adobe XD
    4. Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
    5. Работа с проектными токенами 
    6. Использование ресурсов из библиотек Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, к которым вам предоставили доступ
  8. Интеграция и плагины
    1. Работа с внешними ресурсами
    2. Работа с ресурсами проекта из Photoshop
    3. Копирование ресурсов из Photoshop
    4. Как импортировать или открыть проекты Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Импортирование и открытие проектов Illustrator
    7. Копирование векторных объектов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira с XD
    11. Подключаемый модуль Slack для XD
    12. Подключаемый модуль Zoom для XD
    13. Публикация работы из XD на Behance
  9. XD для iOS и Android
    1. Предварительный просмотр на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Выявленные неполадки и исправленные ошибки
      1. Выявленные неполадки
      2. Исправленные неполадки
    2. Установка и обновления
      1. XD отображается как несовместимый в Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке плагинов XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с миграцией предпочтений
    3. Запуск и сбой
      1.  XD аварийно завершает работу при запуске в Windows 10
      2.  XD закрывается при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и отправка журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Прототип, публикация и обзор
      1. Не удается записать взаимодействия прототипов в macOS Catalina
      2. Проблемы с процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы некорректно отображаются в браузерах
      5. На общих ссылках внезапно появляется панель комментариев
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. Файлы Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт из XD в After Effects
      5. Файлы Sketch в XD
      6. В разделе экспорта не представлены сторонние приложения

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

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

Установите значение Голос в качестве триггера и введите голосовую команду. Выберите в качестве типа действия Переход, Автоматическое анимирование, Наложение, Переход к, Предыдущая монтажная область, Воспроизведение звукаПроигрывание речи, Воспроизведение видео или Воспроизведение Lottie. Например, если вы вводите голосовой поиск в мобильное приложение, то можно использовать Голос и Проигрывание речи для автоматического перехода между монтажными областями.

Добавление голосовой команды к прототипу

  1. Переключитесь в режим Прототип.

  2. Чтобы определить взаимодействие, нажмите на синий соединитель на объекте источника, состоянии компонента или монтажной области. В инспекторе свойств задайте параметры, описанные ниже.

    • Триггер: установите значение Голос.
    • Команда: введите голосовую команду в виде текста.
    • Действие: установите значение Переход.
    • Назначение: установите состояние компонента или монтажную область назначения.
    • Анимация: установите анимации на основе доступных параметров.
    • Смягчение: установите смягчение на основе доступных параметров.
    • Длительность: установите длительность в секундах.
    Установление голосовых триггеров
    Установление голосовых триггеров  для монтажных областей

    A. Установите триггер «Голос» B. Введите голосовую команду в виде текста 

    Установите триггеры для состояний компонентов
    Установите триггеры для состояний компонентов

    A. Установите триггер «Голос» B. Введите голосовую команду в виде текста C. Установите назначение на состояние компонента 

  3. Чтобы определить более одного взаимодействия для объекта, состояния компонента или монтажной области

    1. Выберите его и нажмите на нем + . Или нажмите + в инспекторе свойств.
    2. Задайте свойства в инспекторе свойств.

    Триггеры «Нажатие», ПеретаскиваниеНаведение и Время можно использовать только один раз, а ГолосКлавиши и геймпад можно использовать много раз. 

    2
    Использование нескольких триггеров для определения большего количества взаимодействий

  4. Чтобы просмотреть внесенные изменения, нажмите кнопку Предпросмотр на настольном ПК .

  5. Чтобы просмотреть переход с проигрыванием речи к следующей монтажной области или состоянию компонента, удерживайте нажатым ПРОБЕЛ и повторите голосовую команду.

Добавление воспроизведения к прототипу

Добавление воспроизведения звука

Используйте действие «Воспроизведение звука», чтобы дополнить прототипы звуковыми эффектами. Например, звуковое подтверждение после успешной доставки электронного письма. Аудиофайл можно импортировать как файл MP3 или WAV.

Чтобы добавить воспроизведение звука к объекту или монтажной области, выполните действия, описанные ниже.

  1. В режиме Прототип выберите объект или монтажную область.

  2. В инспекторе свойств задайте параметры, описанные ниже.

    • Нажмите +, чтобы добавить взаимодействие. 
    • Триггер: установите значение Нажатие.
    • Действие: установите значение Воспроизведение звука, а затем найдите и добавьте звуковой файл. 

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

Добавление нескольких действий от одного триггера

Можно добавить действие без перехода, например Воспроизведение звука, с основным действием перехода, например Переход или Автоматическое анимирование от одного триггера. Например, звук щелчка мышью при переходе от одной монтажной области к другой.

Чтобы добавить к прототипу несколько действий, выполните действия, описанные ниже.

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

  2. В инспекторе свойств задайте параметры, описанные ниже.

    • Нажмите +, чтобы добавить взаимодействие. 
    • Триггер: установите значение Нажатие.
    • Установите для первой кнопки Действие + (переходное действие) параметр Переход, Автоматическое анимирование, Наложение, Переход к или Предыдущая монтажная область
    • Установите для второй кнопки Действие + (непереходное действие) параметр Воспроизведение звука или Проигрывание речи
    несколько действий
    Установление нескольких действий для объекта или монтажной области

     Вторая кнопка Действие + в Инспекторе свойств активируется, только если установить в качестве триггера Нажатие. Кроме того, если в качестве первого действия установлено непереходное действие, такое как Воспроизведение звука или Проигрывание речи, то вторая кнопка Действие + не активируется.

Добавление воспроизведения речи

Чтобы добавить воспроизведение речи к объекту или монтажной области, выполните действия, описанные ниже.

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

  2. Чтобы добавить воспроизведение речи, в инспекторе свойств задайте параметры, описанные ниже.

    • Триггер: установите значение Время.
    • Время задержки: установите время задержки (в секундах), чтобы определить, когда начинать воспроизведение речи. 
    • Действие: установите значение Проигрывание речи.
    • Голос: выберите голос для воспроизведения речи.
    • Речь: введите текст, который вам необходимо воспроизвести.
    Использование проигрывания речи
    Использование проигрывания речи

    A. Установите триггер «Время» B. Задайте время задержки в секундах. C. Установите действие «Проигрывание речи» D. Установите голос  E. Введите текст, который необходимо воспроизвести 

  3. Чтобы просмотреть изменения, выберите кнопку Предпросмотр на настольном ПК .

  4. Чтобы просмотреть переход с проигрыванием речи к следующей монтажной области, удерживайте нажатым ПРОБЕЛ и повторите голосовую команду. 

    Предпросмотр проигрывания речи
    Предпросмотр проигрывания речи

Добавление голосового закадрового текста к прототипу

  1. В режиме Прототип выберите Главный экран, на котором установлено начало потока, и нажмите кнопку Предпросмотр на настольном ПК.

  2. Выберите стрелку вниз рядом с кнопкой записи, а затем выберите параметр Включить микрофон (macOS). Если вы работаете с Windows, включите микрофон с помощью элемента управления на уровне ОС в Gamecenter. Во время записи следите за красным значком, который мигает на интерфейсе.

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

     При этом вывод звука, например воспроизведение речи, не захватывается напрямую из XD. Микрофон прослушивает или записывает вывод в зависимости от настроек пользователя (системный микрофон будет слышать воспроизведение речи на системных динамиках).

Предоставление и просмотр ссылки на прототип или спецификации дизайна в Интернете

  1. В приложении для настольных ПК нажмите значок Общий доступ в правом верхнем углу и выберите Обзор дизайна (для прототипов) или Разработка (для спецификаций дизайна).

  2. При предварительном просмотре прототипа

    • На настольном ПК или ноутбуке: удерживайте ПРОБЕЛ.
    • В мобильном приложении Adobe XD (iOS/Android): нажмите и удерживайте в любом месте экрана. Положите палец на экран (не двигая его) и произнесите голосовую команду, прежде чем убрать палец.
    • В мобильном браузере на смартфоне: удерживайте значок микрофона, расположенный в правом нижнем углу экрана.
  3. При предварительном просмотре спецификаций дизайна разработчики могут читать или просматривать голосовые команды и воспроизведение речи в виде текста. 

     Спецификации дизайна не поддерживают голосовые взаимодействия.

Включение автоматического воспроизведения звука в Safari

По умолчанию автоматическое воспроизведение звука отключено в Safari. Чтобы включить автоматическое воспроизведение звука для ссылок прототипов XD, выполните действия, описанные ниже.

  1. Откройте ссылку прототипа XD в Safari.
  2. В строке меню macOS перейдите к Safari > Настройки.
  3. Во вкладке Веб-сайты выберите Автовоспроизведение на левой панели.
  4. В окне Разрешить веб-сайтам, указанным ниже, автоматически воспроизводить мультимедиа выберите Разрешить все автоматическое воспроизведение рядом с xd.adobe.com

Этот параметр обеспечивает, что звук в ссылках прототипа XD будет работать автоматически в будущем.

Включить автоматическое воспроизведение мультимедиа в Safari
Включить автоматическое воспроизведение мультимедиа в Safari

Включение звука в Chrome

При запуске прототипа в Chrome, если вы получаете сообщение об ошибке при воспроизведении, включите звук в настройках Chrome.

Чтобы включить звук для ссылок прототипов XD в настройках Chrome, выполните действия, описанные ниже.

  1. В адресной строке Chrome введите chrome://settings/content/sound. Нажмите Enter.
  2. В разделе Настраиваемое поведение нажмите Добавить рядом с пунктом Разрешено проигрывать звук и добавьте https://xd.adobe.com.

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

Включение звука для ссылок прототипа XD в настройках Chrome
Включение звука для ссылок прототипа XD в настройках Chrome

Устранение неполадок голосового взаимодействия с помощью уведомлений

Теперь вы можете устранять неполадки, связанные с голосовым взаимодействием, во время предварительного просмотра прототипа на настольном ПК или в Интернете. Участники проекта, которые проверяют спецификации дизайна, также могут использовать эту функцию, чтобы лучше понять, как взаимодействовать с вашим прототипом в Adobe XD.

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

Показывать уведомления
Отображение уведомлений для голосового прототипа

Каждая команда, подаваемая в XD, сопоставляется со всеми голосовыми триггерами, присутствующими на текущей монтажной области или состоянии компонента. Если совпадения не найдены, выдается следующее уведомление: «Не найдено совпадений для: {команда, которую вы произнесли}». Увидев текст, услышанный XD, вы сможете определить, почему не удается найти совпадение при каждом вашем обращении.

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

Например, вы можете решить добавить как голосовую команду к взаимодействию фразу два доллара. Но при ее произнесении сервис преобразования речи в текст может возвращать результат $2,00. Так как в уведомлении числа заменяются словами, вы поймете, как изменить взаимодействие, чтобы заменить слова числами.

 Adobe

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

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