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

Работа с общими прототипами в XD

  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.

прототипы

Adobe XD упрощает совместную работу дизайнеров и рецензентов над общими прототипами. Как рецензент, вы можете работать с прототипами следующими способами:

Давайте сначала рассмотрим настройки и параметры ссылки прототипа.

Знакомство с настройками и параметрами

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

взаимодействие с прототипами

A. Пригласить B. Настройки масштабирования C. Полноэкранный режим D. Поддержка и обратная связь E. Уведомления F. Настройки учетной записи 

  • Приглашение: чтобы пригласить других заинтересованных лиц по ссылке прототипа, щелкните Пригласить. Когда вы приглашаете заинтересованное лицо, вы можете установить уровень доступа на Может просматривать или Может поделиться. Чтобы увидеть кнопку «Пригласить», вы должны войти в свою учетную запись Adobe.
  • Настройки масштабирования: чтобы увеличить или уменьшить прототип по ссылке, воспользуйтесь настройками масштабирования. Можно выбрать одно из стандартных значений: 25 %, 50 %, 75 %, 100 %, 150 %, 200 %. Либо использовать жест масштабирования щипком на сенсорной панели или зажать клавишу Cmd/Ctrl и прокручивать колесико мыши для масштабирования с меньшим шагом. Уровень масштабирования по умолчанию при открытии ссылок прототипа остается без изменений.
  • Полноэкранный режим: щелкните по значку полноэкранного режима, чтобы просмотреть прототип во весь экран. Чтобы выйти из полноэкранного режима, нажмите клавишу Esc.
  • Поддержка и обратная связь: если вам требуется помощь или вы хотите оставить отзыв, нажмите на значок в виде вопросительного знака.
  • Уведомления: чтобы просмотреть все действия/уведомления относительно принадлежащих вам прототипов, нажмите на значок в виде колокольчика. 
  • Настройки учетной записи: чтобы увидеть данные своей учетной записи, щелкните по значку профиля.

Взаимодействие с прототипами

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

На что следует обратить внимание

  • Если на экране загрузки ссылки прототипа есть видео, которое настроено на автоматическое воспроизведение, видео всегда будет воспроизводиться без звука. Нажмите Включить звук в сообщении в нижней части экрана.
  • [Только для браузера Safari] По умолчанию автоматическое воспроизведение звука отключено в Safari. О том, как включить автоматическое воспроизведение звука для ссылок прототипов XD, см. в статье Включение автоматического воспроизведения звука в Safari. Если вы включите автоматическое воспроизведение для ссылок прототипа XD, вам не придется включать звук в видео в будущем. 

О том, как видео работает с другими взаимодействиями, см. Взаимодействия и воспроизведение видео.

Включение звука в видео
Нажмите «Включить звук» в синем баннере в нижней части экрана

Навигация по прототипам

  • В нижней части прототипа вы можете нажимать кнопки управления стрелками влево и вправо, чтобы перемещаться по монтажным областям прототипа. Нажмите на кнопку Домой, чтобы вернуться к просмотру первой монтажной области. 
  • Когда вы нажимаете на комментарий в браузере, на экране появляется монтажная область, связанная с этим комментарием. 
  • Чтобы создать более контролируемую среду для пользовательского тестирования для связанных прототипов, вы можете скрыть элементы перелистывания и навигации в веб-прототипе.

Для этого выберите при создании ссылок в XD Общий доступ > Настройки просмотра > Пользовательский просмотр > Показать элемент управления для навигации. Более подробную информацию см. в разделе Совместный доступ к прототипам.

Если элементы управления для навигации:

  • Включены (настройка по умолчанию): в прототипе в веб-приложении отображаются кнопки «Домой», «Назад» и «Далее».
  • Отключены: в прототипе в веб-приложении элементы управления и номера монтажной области не отображаются. Вы можете использовать определенные активные области для взаимодействия с прототипами и нажать кнопку «Домой», чтобы перейти на главный экран. Когда вы открываете прототип на мобильном телефоне, вы увидите рабочую область, а левое/правое раскрывающееся меню скрыто и перелистывание отключено.
Элементы управления для навигации включены
Элементы управления для навигации включены

A. Главный экран B. Предыдущая монтажная область C. Следующая монтажная область 

Элементы управления для навигации отключены
Элементы управления для навигации отключены

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

Представление сетки

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

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

Представление сетки

A. Значок сетки с названием ссылки B. Свернуть панель комментариев 

В представлении сетки вы можете:

  • ознакомиться с миниатюрным представлением всех экранов;
  • посмотреть число комментариев к данной монтажной области;
  • найти нужную монтажную область по названию и
  • щелкнуть значок связанного экрана, чтобы посмотреть все связанные экраны для данной монтажной области.
gridview-breakdown
Представление сетки

A. Количество комментариев на монтажной области B. Нажмите на значок связанного экрана, чтобы просмотреть связанные экраны C. Связанные экраны монтажной области First Cards 

Добавление комментариев

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

Необходимые условия

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

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

  • Вы можете оставить свои комментарии в разделе Написать комментарий. Используйте клавиши Enter или Shift + Enter для создания новой строки в поле для комментариев и клавиши Ctrl/Cmd + Enter для отправки добавленного комментария.
  • После добавления комментариев вы можете воспользоваться соответствующей опцией  рядом с веткой комментариев для обработкиредактирования или удаления своих комментариев. При этом вы не можете редактировать или удалять комментарии, добавленные другими пользователями.
  • Воспользуйтесь кнопкой переключения Все комментарии на экране, расположенной в нижнем левом углу панели комментариев, чтобы создать одно представление списка комментариев, оставленных во всех монтажных областях. Переключатель включен по умолчанию для общей ссылки на спецификации дизайна или прототип.
  • Щелкните значок , чтобы скрыть комментарии или отметки, и воспользуйтесь значком для фильтрации комментариев по именам рецензентов, времени или статусу комментариев. 
  • Синяя подсветка слева указывает на комментарии к текущей монтажной области. Щелкнув по группе комментариев, не относящейся к текущей монтажной области, вы переходите в соответствующую монтажную область, чтобы сначала ознакомиться с контекстом. 
  • Цифра 3 в верхней части значка уведомления в правом верхнем углу панели комментариев указывает на неразрешенные комментарии в нескольких монтажных областях.

 

Функции комментирования
Функции комментирования

A. Меню приглашения B. Настройки масштабирования C. Полноэкранный режим D. Поддержка и обратная связь E. Уведомления F. Профиль пользователя G. Параметры меню для комментариев H. Фильтрация комментариев I. Скрыть комментарии J. Кнопка переключения «Все комментарии на экране» 

Фильтрация комментариев
Фильтрация комментариев

A. Фильтрация комментариев по рецензентам  B. Фильтрация комментариев по времени  C. Фильтрация комментариев по состоянию  D. Очистка добавленного фильтра E. Просмотр добавленного фильтра 

  • Вы также можете воспроизводить анимации или записи, которые являются частью любых совместных прототипов, и добавлять свои комментарии во время их воспроизведения. 
  • Используйте @упоминание при добавлении комментариев в прототип, чтобы просмотреть список других рецензентов. Если вы используете эту функцию, другой рецензент получает почтовое уведомление, а также уведомление от приложения Creative Cloud для настольных ПК. При щелчке по уведомлению пользователь переходит по ссылке в соответствующую монтажную область.

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

Более подробную информацию см. в разделе Просмотр прототипов

Выполните следующие действия, чтобы использовать мобильный браузер в портретном режиме для добавления комментариев к общим прототипам на мобильном устройстве Android или iOS:

  1. Откройте совместный прототип в мобильном браузере и используйте жест «щипок», чтобы открыть режим навигации.

    Значок комментария появляется вместе с количеством комментариев к этому прототипу. Этот значок появляется только тогда, когда владелец включает возможность комментирования прототипа. 

    Используйте жест «щипок» для навигации

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

    панель комментариев

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

    Маркер закрепления

Логотип Adobe

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