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

Предварительный просмотр на мобильных устройствах

  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. Варианты условий подписки на Adobe XD
    12. Изменения в начальном плане 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. Создание прототипов при помощи видео
      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. Корпоративный групповой совместный доступ
  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. В разделе экспорта не представлены сторонние приложения

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

Используя мобильное приложение Adobe XD, вы можете:

 Если приложение Adobe XD запущено на устройстве с Windows 10, предварительный просмотр в режиме реального времени через USB не поддерживается на Android.

Требования к предварительному просмотру на мобильном устройстве

Для предварительного просмотра в реальном времени или открытия файлов XD из Creative Cloud требуется:
  • Мобильное приложение Adobe XD

Список поддерживаемых версий iOS и Android см. в разделе Часто задаваемые вопросы по Adobe XD для мобильных устройств.

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

  • Мобильный браузер.

Список поддерживаемых мобильных браузеров см. в разделе Поддерживаемые браузеры.

Предварительный просмотр прототипов в реальном времени на мобильных устройствах

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

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

  1. Подключите свое мобильное устройство к USB-порту компьютера, на котором работает Adobe XD для настольных ПК. Убедитесь, что на вашем компьютере установлена последняя версия XD, доступная на Creative Cloud.

     

    • Убедитесь, что вы используете USB-кабели для передачи данных. Некоторые USB-кабели могут использоваться только для зарядки ваших устройств и не поддерживают передачу данных.
    • Хотите подключить iPhone к компьютеру с Windows? Убедитесь, что на вашем компьютере с Windows установлено приложение iTunes для предварительного просмотра вашего дизайна или прототипа на iPhone.
  2. Откройте Adobe XD на вашем устройстве.

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

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

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

    • Просмотр монтажных областей: для прокрутки всех монтажных областей вашего проекта.
    • Предоставить общий доступ к экрану в режиме изображения: для предоставления доступ к определенной монтажной области в виде файла формата PNG через электронную почту, Slack или другие каналы.
    • Интерактивные подсказки: для включения интерактивных подсказок во время просмотра прототипа.
    • Навигация жестом скольжения: для предотвращения реагирования на жест скольжения во время взаимодействия с прототипом.
    • Параметры просмотра: для просмотра работы в разных размерах.

Предварительный просмотр документов XD, сохраненных как облачные документы

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

  1. Убедитесь, что ваш документ XD сохранен как облачный документ на вашем настольном компьютере.

  2. Откройте Adobe XD на мобильном устройстве.

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

  4. При предварительном просмотре используйте жест тройного нажатия для доступа к параметрам прототипа:

    • Просмотр монтажных областей: для поиска и перехода к нужным монтажным областям вашего дизайна.
    • Предоставить общий доступ к экрану в режиме изображения: для предоставления доступа к определенной монтажной области в виде файла формата PNG через электронную почту, социальные сети или другие каналы, доступные на вашем устройстве.
    • Интерактивные подсказки: для включения интерактивных подсказок во время просмотра прототипа.
    • Навигация жестом скольжения: для включения реагирования на жест скольжения во время взаимодействия с прототипом.
    • Параметры просмотра: для просмотра работы в разных размерах.

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

  5. После просмотра дизайна в мобильном приложении вы можете поделиться его прототипом с рецензентами. 

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

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

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

Шрифты на мобильных устройствах

Ниже приводятся несколько способов управления шрифтами на вашем мобильном устройстве.

  • Когда это возможно, шрифты отправляются на ваши устройства при предварительном просмотре на мобильном устройстве. Однако некоторые поставщики шрифтов не разрешают передачу, отображение и распространение своих шрифтов. Вы несете ответственность за соблюдение лицензионного соглашения на шрифт, заключенного между вами и поставщиком шрифта.
  • При просмотре прототипа на мобильном устройстве и в случае, когда на вашем устройстве отсутствует требуемый шрифт, вы получите предупреждающее сообщение. Отсутствующие шрифты заменяются доступными шрифтами.
  • Adobe Fonts
    Шрифты Adobe Fonts автоматически активируются и отобразятся должным образом во время просмотра облачного документа XD в мобильном приложении XD на платформе iOS или Android.
  • Другие шрифты
    Платформа iOS 13.0 поддерживает установку пользовательских шрифтов. Пользовательские шрифты можно устанавливать через сторонние приложения, используя методы, предоставляемые Apple, или через мобильное приложение Creative Cloud для iOS (iOS 13.1 и более новые версии). 

Удаление загруженного файла XD с вашего устройства

Чтобы контролировать доступное пространство на вашем мобильном устройстве, вы можете удалять загруженные файлы в разделе Настройки > Параметры.

Здесь вы можете просмотреть объем используемого локального пространства, а также выбрать функцию Удалить автономные документы, чтобы удалить документы XD, загруженные на ваше устройство.

Вы также можете удалить отдельные файлы, выбрав их и отключив для них параметр Доступно в автономном режиме

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

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

Вид с увеличенным масштабом
Сведение/разведение пальцев для изменения масштаба

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

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

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

 Используйте жест масштабирования щипком для приведения к исходному размеру прототипа. Можно увеличить масштаб до 200% и уменьшить до 25% без потери качества контента.

Комментирование дизайнов и прототипов в мобильных браузерах

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

pinch-to-see
Главная монтажная область

  1. Выполните щипок по экрану для отображения параметров на Главной монтажной области. 
  2. Используйте клавиши со стрелками для перехода к экрану, который вы хотите прокомментировать. 
  3. Нажмите значок комментариев , чтобы оставить свой комментарий к общим прототипам или дизайнам. 
comment-first
Сначала прокомментируйте, а потом входите

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

 Чтобы оставить комментарий, также можно войти в систему как гость. Если веб-ссылка приватная, вам понадобится Adobe ID для входа.

Предварительный просмотр дизайнов в разных разрешениях

Масштабирование по размеру

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

Смотреть при 100%

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

Произвольная форма

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

Логотип Adobe

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