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

Узнайте, как работать с общими прототипами в XD.

прототипы

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

Технологические процессы прототипов

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

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

  • Когда вы открываете ссылку на прототип для просмотра в браузере, вы можете нажать на значок профиля пользователя в верхней части веб-приложения XD для просмотра подробных сведений о своей учетной записи пользователя. 
взаимодействие с прототипами

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

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

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

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