- Руководство пользователя Adobe XD
- Введение
- Новые возможности Adobe XD
- Распространенные вопросы
- Создание дизайна, прототипов и совместная работа в Adobe XD
- Управление цветом
- Системные требования
- Основные сведения о рабочей среде
- Изменение языка приложения в Adobe XD
- Доступ к наборам для дизайна пользовательского интерфейса
- Доступность в Adobe XD
- Сочетания клавиш
- Советы и рекомендации
- Дизайн
- Монтажные области, направляющие и слои
- Фигуры, объекты и путь
- Выделение, изменение размера и поворот объектов
- Перемещение, выравнивание, распределение и упорядочивание объектов
- Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
- Задание обводки, заливки и теней для объектов
- Создание повторяющихся элементов
- Создание перспективных проектов с помощью 3D-преобразований
- Редактирование объектов с помощью логических операций
- Текст и шрифты
- Компоненты и состояния
- Маскировка и эффекты
- Макет
- Видео и анимации Lottie
- Создание прототипа
- Создание интерактивных прототипов
- Анимирование прототипов
- Свойства объекта, которые поддерживаются при автоматическом анимировании
- Создание прототипов с клавиатуры и геймпада
- Создание прототипов с помощью голосовых команд и воспроизведения
- Создание синхронизированных переходов
- Добавление наложений
- Создание голосовых прототипов
- Создание якорных ссылок
- Создание гиперссылок
- Предварительный просмотр проектов и прототипов
- Публикация, экспорт и проверка
- Публикация выбранных монтажных областей
- Предоставление совместного доступа к проектам и прототипам
- Настройка разрешений на доступ к ссылкам
- Работа с прототипами
- Просмотр прототипов
- Работа со спецификациями дизайна
- Предоставление общего доступа к спецификациям дизайна
- Проверка спецификаций дизайна
- Навигация в спецификациях дизайна
- Проверка и комментирование спецификаций дизайна
- Экспорт ресурсов дизайна
- Экспорт и загрузка ресурсов из спецификаций дизайна
- Корпоративный групповой совместный доступ
- Резервное копирование или перенос ресурсов XD
- Системы дизайна
- Системы дизайна с библиотеками Creative Cloud Libraries
- Работа с ресурсами документа в Adobe XD
- Работа с библиотеками Creative Cloud Libraries в Adobe XD
- Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
- Работа с проектными токенами
- Использование ресурсов из библиотек Creative Cloud Libraries
- Облачные документы
- Интеграция и плагины
- Работа с внешними ресурсами
- Работа с ресурсами проекта из Photoshop
- Копирование ресурсов из Photoshop
- Как импортировать или открыть проекты Photoshop
- Работа с ресурсами Illustrator в Adobe XD
- Импортирование и открытие проектов Illustrator
- Копирование векторных объектов из Illustrator в XD
- Плагины для Adobe XD
- Создание плагинов и управление ими
- Интеграция Jira с XD
- Подключаемый модуль Slack для XD
- Подключаемый модуль Zoom для XD
- Публикация работы из XD на Behance
- XD для iOS и Android
- Устранение неполадок
- Выявленные неполадки и исправленные ошибки
- Установка и обновления
- Запуск и сбой
- Облачные документы и библиотеки Creative Cloud Libraries
- Прототип, публикация и обзор
- Импорт, экспорт и работа с другими приложениями
Научитесь перемещаться по различным видам ссылки на спецификации дизайна.
Возможности системы обмена ссылками для разработки расширены за счет включения интерактивной информации о прототипах наряду со спецификациями дизайна. Щелкните значок переключения Просмотр спецификаций в опубликованной ссылке для переключения между просмотром спецификаций дизайна и прототипа. Новая версия дает ряд преимуществ:
- Теперь дизайнеры могут эффективно сообщать о своих замыслах и предоставлять разработчикам все ресурсы по одной общей ссылке.
- Разработчики могут лучше понимать взаимодействия и предполагаемое поведение и экономить время, избегая постоянного переключения между отдельными ссылками на прототип и спецификации дизайна.
- Разработчики могут легко переключаться между представлениями сетки и потока чтобы просмотреть спецификации дизайна.
Представления сетки и потока
Чтобы получить целостный вид дизайна со всей информацией о макете монтажной области, вы можете переключаться между представлениями Сетка и Поток.
Представление сетки — это простой формат сетки с информацией о макете монтажной области, удобный для навигации, а Представление потока сохраняет макет монтажной области и ее архитектуру.
Чтобы переключиться на Представление сетки по умолчанию, нажмите на название ссылки или значок сетки в левом верхнем углу. Для переключения между представлением сетки и представлением потока нажмите значок Представление потока в правом верхнем углу экрана.
В представлении потока можно:
- Сообщить иерархию дизайна и макета, и
- Навести указатель мыши на монтажную область, чтобы просмотреть связанные монтажные области.
В представлении сетки можно:
- Ознакомиться с миниатюрным представлением всех экранов,
- Увидеть количество комментариев к данной монтажной области,
- Найти нужную монтажную область по названию и
- Просмотреть связанные экраны для данной монтажной области.
Приглашаем вас поделиться своим мнением о новом опыте на Adobe XD user voice.
Просмотр спецификаций
В просмотре спецификаций показаны сведения о монтажной области, используемые цвета, стили символов и цели. С помощью сворачиваемой стрелки можно развернуть и свернуть отдельные разделы.
На панели Свойства можно просмотреть:
- Сведения о монтажной области, уникальные цвета и стили символов, используемые на этой монтажной области, и связанную целевую монтажную область.
- Фрагменты кода CSS, которые разработчики ваших дизайнов могут копировать и вставлять прямо в свой код.
- Экземпляры, в которых использованы определенные цвета и стили символов, при наведении на них указателя мыши
- Шестнадцатеричные цветовые коды и пользовательские метки для цветов, используемых на монтажной области.
- Детали различных взаимодействий, таких как переходы, свойства режима наложения, наложения, голос, взаимодействия и автоматическое анимирование.
- Комментарии в отношении монтажной области.
В нижней части экрана находятся клавиши со стрелками и значок «Главная». Клавиша со стрелкой влево возвращает вас к предыдущей монтажной области, клавиша со стрелкой вправо переносит вас к следующей монтажной области, а значок «Главная» переносит вас на монтажную область «Главная».
Сочетания клавиш, характерные для спецификаций дизайна, см. в разделе Сочетания клавиш.
Пользовательские метки можно просмотреть только в том случае, если дизайнер задал названия цветовых меток на панели Ресурсы.