Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.
Научитесь перемещаться по различным видам ссылки на спецификации дизайна.
Возможности системы обмена ссылками для разработки расширены за счет включения интерактивной информации о прототипах наряду со спецификациями дизайна. Щелкните значок переключения
Просмотр спецификаций в опубликованной ссылке для переключения между просмотром спецификаций дизайна и прототипа. Новая версия дает ряд преимуществ:
- Теперь дизайнеры могут эффективно сообщать о своих замыслах и предоставлять разработчикам все ресурсы по одной общей ссылке.
- Разработчики могут лучше понимать взаимодействия и предполагаемое поведение и экономить время, избегая постоянного переключения между отдельными ссылками на прототип и спецификации дизайна.
- Разработчики могут легко переключаться между представлениями сетки и потока чтобы просмотреть спецификации дизайна.
Представления сетки и потока
Чтобы получить целостный вид дизайна со всей информацией о макете монтажной области, вы можете переключаться между представлениями Сетка и Поток.
Представление сетки — это простой формат сетки с информацией о макете монтажной области, удобный для навигации, а Представление потока сохраняет макет монтажной области и ее архитектуру.
Чтобы переключиться на Представление сетки по умолчанию, нажмите на название ссылки или значок сетки
в левом верхнем углу. Для переключения между представлением сетки и представлением потока нажмите значок Представление потока в правом верхнем углу экрана.
В представлении потока можно:
- Сообщить иерархию дизайна и макета;
- Навести указатель мыши на монтажную область, чтобы просмотреть связанные монтажные области.
В представлении сетки можно:
- Ознакомиться с миниатюрным представлением всех экранов;
- Увидеть количество комментариев к данной монтажной области;
- Найти нужную монтажную область по названию;
- Просмотреть связанные экраны для данной монтажной области.
Приглашаем вас поделиться своим мнением о новом опыте на Adobe XD user voice.
Просмотр спецификаций
В просмотре спецификаций показаны сведения о монтажной области, используемые цвета, стили символов и цели. С помощью сворачиваемой стрелки можно развернуть и свернуть отдельные разделы.
На панели Свойства можно просмотреть:
- Сведения о монтажной области, уникальные цвета и стили символов, используемые на этой монтажной области, и связанную целевую монтажную область.
- Фрагменты кода CSS, которые разработчики ваших дизайнов могут копировать и вставлять прямо в свой код.
- Экземпляры, в которых использованы определенные цвета и стили символов, при наведении на них указателя мыши
- Шестнадцатеричные цветовые коды и пользовательские метки для цветов, используемых на монтажной области.
- Детали различных взаимодействий, таких как переходы, свойства режима наложения, наложения, голос, взаимодействия и автоматическое анимирование.
- Комментарии в отношении монтажной области.
В нижней части экрана находятся клавиши со стрелками и значок «Главная». Клавиша со стрелкой влево возвращает вас к предыдущей монтажной области, клавиша со стрелкой вправо переносит вас к следующей монтажной области, а значок «Главная» переносит вас на монтажную область «Главная».
Сочетания клавиш, характерные для спецификаций дизайна, см. в разделе Сочетания клавиш.
Пользовательские метки можно просмотреть только в том случае, если дизайнер задал названия цветовых меток на панели Ресурсы.
Связанные ресурсы
Обращайтесь к нам
Проектируйте прототипы пользовательских интерфейсов при помощи Adobe XD
Создавайте интерактивные макеты для веб-сайтов и мобильных приложений.