Дизайн голосовых прототипов

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    5. Основные сведения о рабочей среде
    6. Изменение языка приложения в Adobe XD
    7. Доступ к наборам для дизайна пользовательского интерфейса
    8. Доступность в Adobe XD
    9. Сочетания клавиш
    10. Советы и рекомендации
    11. Изменения в начальном плане XD
  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. Работа с анимацией 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. Экспорт и скачивание ресурсов из спецификаций дизайна
  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. Облачные документы
      1. Проблемы с облачными документами XD
    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. В разделе экспорта не представлены сторонние приложения

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

Интеграция голосового прототипа в XD

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

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

Голосовые команды позволяют запускать взаимодействия с помощью речевой команды. Точно так же, как в случаях, когда вы используете щелчок или касание для запуска взаимодействия, вы можете добавить определенное словесное выражение в качестве триггера для режима прототипа в XD. Функция Проигрывание речи позволяет использовать мощный механизм преобразования текста в речь, который вы можете использовать для взаимодействия с вашим прототипом.

Голосовой дизайн и прототипирование
Голосовой дизайн и прототипирование

Преимущества голосовых функций в XD

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

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

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

Необходимые условия для использования голоса в прототипах

  • Для добавления и предварительного просмотра голосовых функций необходимо иметь XD версии 13.0 или выше.
  • Надежное интернет-соединение для взаимодействия с голосовыми функциями.
  • Нельзя использовать голосовые команды со встроенными или автономными прототипами.

Аппаратные зависимости при работе с голосовыми функциями

  • Adobe XD требуется доступ к микрофону устройства, на котором оно используется.

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

Поддерживаемые языки для голосовых функций

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

Распознавание речи оптимизировано для акцентов, а для воспроизведения речи доступен более широкий выбор голосов с произношением, основанном на вашем регионе.

Особые сценарии использования, связанные с голосовым прототипированием

Технология голосового прототипирования стремительно развивается благодаря постоянному выходу новых устройств на рынок. Примеры голосового прототипирования с помощью Adobe XD:

  • Голосовой поиск в мобильном приложении.
  • Сторонние приложения с голосовыми функциями, такие как Amazon Alexa, Google Assistant или Microsoft Cortana.
  • Речевой вывод для поэтапных указаний в автомобильной навигационной системе.
  • Инфоматы в точках продаж.

Общие рабочие процессы, связанные с голосовым прототипированием

Некоторые из таких рабочих процессов:

  • Добавление голосового управления в качестве ввода для прототипа и предварительный просмотр интеграции.
  • Добавление речевого ответа на голосовой ввод в монтажной области.
  • Совместное использование опубликованного прототипа с другими дизайнерами или тестирование удобства в использовании с потенциальными пользователями.

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

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

Включение голосовых команд в режиме предварительного просмотра

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

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

Оптимальные методы использования голосовых функций

  • Как правило, работая с голосом и речью, не следует объединять их в одно взаимодействие. Чтобы использовать их вместе, задействуйте голосовой триггер для перехода от первой монтажной области ко второй. Затем на второй монтажной области используйте триггер, срабатывающий при наступлении заданного времени, для воспроизведения речи. Таким образом произойдет объединение визуального ответа и проигрывания речи при использовании голосового триггера.
  • Если вы хотите добавить несколько голосовых триггеров на одну и ту же монтажную область, используйте замещающие объекты. Например, добавьте несколько кружков на монтажную область в режиме дизайна и в режиме прототипа, добавьте разные голосовые триггеры для каждого круга. Чтобы скрыть круги, щелкните значок глаза на панели слоев. Несмотря на то, что объекты не видны на монтажной области, связанные с ними голосовые триггеры продолжают работать во время предварительного просмотра.

Устранение проблем и ошибок, связанных с голосовыми функциями

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

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

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

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

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

Подробнее

Хотите узнать больше о голосовых триггерах в XD? Посмотрите это видео.
Продолжительность: 9 минут

Связанные материалы

Логотип Adobe

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