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

Последнее обновление 11 мар. 2022 г.

Узнайте, как работать с общими прототипами в 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:

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

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

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

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

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

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

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