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

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

  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. В разделе экспорта не представлены сторонние приложения

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

триггеры клавиатуры и геймпада

В Adobe XD можно использовать сочетания клавиш и триггеры геймпада для имитации «родных» приложений для настольных ПК и создания более насыщенного игрового процесса или дизайна. При подключении прототипа вы можете выбрать Клавиши и геймпад в выпадающем списке Триггер и назначить любую клавишу. Тогда вы сможете воспроизвести или записать эти анимации в окне предварительного просмотра, веб-браузере или мобильных приложениях и поделиться ими с участниками проекта для совместной проверки. Так у вас получится лучшая история прототипа с дополнительным богатым слоем.

Можно выбрать Клавиши и геймпад для:

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

Работа с триггерами клавиатуры

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

При связывании прототипа выберите Клавиши и геймпад. Затем нажмите любую клавишу на клавиатуре, чтобы назначить ее в качестве триггера для отдельного объекта, состояния компонента или всей монтажной области. Это означает, что вы можете иметь несколько триггеров из одной монтажной области.

триггер клавиатуры
Триггеры клавиатуры

A. Триггер, установленный на сочетание клавиш B. Клавиша быстрого вызова C. Действие, установленное на автоматическое анимирование D. Целевая монтажная область  или состояние компонентов 

Вы также можете сочетать клавишу с модификатором для определения триггеров, используя такие сочетания клавиш, как CMD + S, CTRL + R. Нельзя использовать пробел и другие системные клавиши, такие как функциональная клавиша, клавиша перехода в режим сна, клавиши управления громкостью и клавиша питания. Когда вы назначаете несколько триггеров с одним и тем же сочетанием клавиш на одной и той же монтажной области, назначается последний установленный триггер, который запускается во время предварительного просмотра.

Работа с триггерами геймпада

Лучший способ протестировать прототип игры — использовать реальный игровой контроллер. В прототипе используйте геймпады в качестве триггеров для перехода между экранами или состояниями компонентов либо для воспроизведения речи, звука, видео или Lottie. Затем взаимодействуйте с прототипом в настольном проигрывателе или в веб-браузере, используя подключенный геймпад.

Подключите контроллер Xbox (Series X/S или One) через Bluetooth или контроллер PlayStation (DualSense или DualShock 4), через Bluetooth или USB и выберите Клавиши и геймпад. Затем можно нажать любую клавишу на подключенном геймпаде, чтобы назначить ее в качестве триггера для отдельного объекта, состояния компонента или всей монтажной области.

Триггер геймпада
Триггеры геймпада

A. Выбор триггера для геймпада B. Кнопка геймпада для быстрого вызова C. Действие, установленное на автоматическое анимирование D. Целевая монтажная область  или состояние компонентов 

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

Мобильные приложения и мобильные веб-браузеры

XD поддерживает клавиатуры и геймпады для предварительного просмотра в приложении для настольного ПК и для веб-прототипов. Если вы просматриваете прототип в мобильном приложении или мобильном браузере, вы можете переключаться между монтажными областями жестом касания (поскольку к устройству не подключена клавиатура или геймпад).

Поддерживаемые игровые контроллеры и браузеры

USB и Bluetooth поддерживают:

Контроллер

Mac (USB)

Mac (Bluetooth)

Win (USB)

Win (Bluetooth)

Xbox (Series X/S, One)

Нет

Да

Да

Да

PlayStation (DualSense, DualShock 4)  

Да

Да

Да

Да

Поддерживаемые браузеры:

Контроллер

Chrome (Mac)

Chrome (Win)

Edge Chromium (Mac)

Edge Chromium (Win)

Edge (устаревшая версия)

IE

Firefox (Mac и Win)

Safari

Xbox (USB)

Нет

Да

Нет

Да

Нет

Нет

Нет

Нет

Xbox (Bluetooth)

Да

Да

Да

Да

Нет

Нет

Нет

Нет

PlayStation (USB)

Да

Да

Да

Да

Нет

Нет

Нет

Не рекомендуется

PlayStation (Bluetooth)

Да

Да

Да

Да

Нет

Нет

Нет

Не рекомендуется

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

  1. Откройте вкладку Прототип.

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

    • Триггер: задайте для типа триггера значение «Клавиши и геймпад» и выберите любую клавишу на клавиатуре или кнопку на геймпаде, чтобы назначить триггер (кроме пробела и других системных клавиш, таких как функциональная клавиша, клавиша перехода в режим сна, клавиши управления громкостью и клавиша питания).
    • Тип: выберите любой из доступных параметров: ПереходАвтоматическое анимированиеНаложениеПереход кПредыдущая монтажная областьВоспроизведение звука, Проигрывание речи, Воспроизведение видео или Воспроизведение Lottie.
    • Назначение: выберите состояние компонента или монтажную область назначения в раскрывающемся списке (недоступно для некоторых типов действий).

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

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

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

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

    1

  4. Для просмотра изменений на настольном ПК выберите значок Предпросмотр на настольном ПК

  5. Чтобы поделиться своим прототипом с участниками проекта из приложения XD для настольных ПК, выберите Поделиться > Настройки обзора > Отзыв об оформлении или Разработка.

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

 Adobe

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

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

Adobe MAX 2024

Adobe MAX
— творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Adobe MAX

Творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Adobe MAX 2024

Adobe MAX
— творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн

Adobe MAX

Творческая конференция

С 14 по 16 октября очно в Майами-Бич и онлайн