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

Просмотр прототипов

  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 упрощает совместную работу дизайнеров и рецензентов над общими прототипами.

Завершив работу над дизайном, дизайнер может создать приватную или общедоступную веб-ссылку на прототип и отправить ее рецензенту. Рецензент добавляет к этому прототипу свои отзывы. 

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

Дополнительные сведения о технологическом процессе см. в разделе Работа рецензента.

Технологический процесс для дизайнеров/рецензентов
Технологический процесс для дизайнеров/рецензентов

Работа рецензента

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

Если прототип защищен паролем, для просмотра прототипа требуется ввести пароль.

Ввод пароля для просмотра защищенного паролем прототипа
Ввод пароля для просмотра защищенного паролем прототипа

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

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

  1. Чтобы войти в систему с помощью Adobe ID, щелкните Войти и введите учетные данные Adobe.

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

  2. Чтобы улучшить процесс просмотра, пользуйтесь следующими инструментами:

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

  3. Вводите комментарии в верхней части панели комментариев. Чтобы добавить новую строку комментария, нажмите Shift + Enter.

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

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

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

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

    Отмена разрешения комментария
    Отмена разрешения комментария

    По завершении автор может просмотреть комментарии и пометить их как разрешенные. Чтобы просмотреть комментарии, помеченные как разрешенные, нажмите значок Фильтр и выберите Разрешенные.  Если вы считаете, что ваш комментарий был ошибочно помечен как разрешенный, вы можете щелкнуть Переместить в неразрешенные, чтобы этот комментарий оставался открытым.

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

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

    В диалоговом окне подсказки @уведомления предлагаются следующие параметры.

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

Просмотр всех комментариев на нескольких монтажных областях

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

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

Просмотр комментариев на нескольких монтажных областях
Просмотр комментариев на нескольких монтажных областях

A. Просмотр комментариев B. Кнопка переключения «Все комментарии на экране» C. Фильтрация комментариев 

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

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

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

  • При применении фильтра рецензентов отображаются имена всех рецензентов, оставивших комментарии к ссылке на прототип или спецификации дизайна. Щелкните имя рецензента, чтобы отфильтровать комментарии этого рецензента.
  • Параметры фильтра времени таковы: СегодняВчераПоследние 7 дней или Более давние.
  • Для фильтра по состоянию можно использовать Разрешенные, чтобы увидеть только список всех разрешенных комментариев.

Синяя точка сверху значка воронки указывает на то, что фильтр активен. Щелкните Очистить, чтобы очистить все фильтры в комментариях.

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

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

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

Перемещение значков булавки

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

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

Ответ на комментарии, их разрешение или удаление

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

  • Наведите указатель мыши на комментарий и щелкните его, чтобы задать контекст текущей монтажной области. Щелкните Ответить, чтобы отреагировать на комментарий. Число над ссылкой Ответ указывает на количество полученных ответов на комментарий.
  • Исправив комментарий, щелкните Разрешить, чтобы указать на то, что комментарий разрешен. Ваш рецензент также может нажать ссылку Разрешить, чтобы указать, что комментарий был исправлен. Как дизайнер, вы затем можете щелкнуть Не разрешено, чтобы повторно открыть комментарий.
  • Щелкните значок Удалить, чтобы удалить нежелательные комментарии.
Разрешение или удаление комментариев, а также ответ на них
Разрешение или удаление комментариев, а также ответ на них

A. Ответ на комментарий B. Удаление комментария C. Изменение комментария D. Закрепление комментария E. Разрешение комментария 

Как работать с прототипами, к которым вам предоставлен ограниченный совместный доступ (предварительный просмотр)?

Дизайнеры и рецензенты могут получить доступ к приватным прототипам и спецификациям дизайна из раздела Открыто для вас (предварительный просмотр) на странице Ваш проект. В разделе «Открыто для вас» также отображаются приватные артефакты и папки с совместным доступом. 

Дополнительные сведения об использовании элемента Ваш проект корпоративными клиентами см. в разделе Настройки ресурсов.

Дизайнеры и рецензенты имеют разный пользовательский интерфейс в разделе Ваш проект в Creative Cloud в зависимости от своих ролей. 

Если вы дизайнер, вам видны следующие дополнительные параметры раздела Ваш проект.

  • Открыто для вас (предварительный просмотр): отображаются прототипы и спецификации дизайна, к которым вам предоставлен доступ для проверки.
  • Опубликовано: отображается список ссылок на прототипы и спецификации дизайна, которые вы опубликовали.

Если вы рецензент, вам видны только следующие дополнительные параметры раздела Ваш проект.

  • Открыто для вас (предварительный просмотр): отображает упрощенный интерфейс для участников проекта с прототипами и спецификациями дизайна, предоставленными участникам проекта для проверки. Также можно щелкнуть многоточие рядом с именем прототипа, которым поделились, чтобы удалить прототип или спецификации дизайна и покинуть цикл рассмотрения.
  • Файлы: если вы не получили от рецензента файлы для проверки или если вы выполняете загрузку и управление своими ресурсами в Creative Cloud, отображается пустая папка.

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

 Эта функция применима только к приватным ссылкам на спецификации дизайна и прототипы, к которым рецензентам предоставлен совместный доступ.

Раздел «Открыто для вас»
Раздел «Открыто для вас»

Технологический процесс дизайнера

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

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

    Представление дизайнера
    Представление дизайнера

  3. Нажмите кнопку «Назад» в браузере, чтобы перейти на веб-представление прототипа.

Работа рецензента

  1. Перейдите по полученной ссылке в технологическом процессе проверки, чтобы получить доступ к прототипу для комментирования (если вы выполнили вход с помощью своего Adobe ID).

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

  2. Щелкните Общие элементы в веб-представлении прототипа или спецификаций дизайна, чтобы перейти в раздел Ваш проект в Creative Cloud. Если ваша учетная запись Creative Cloud связана с адресом электронной почты или вы уже выполнили вход в свою учетную запись Creative Cloud, вы автоматически перейдете в раздел Ваш проект.

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

 Adobe

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

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