Пометьте слои для экспорта в XD.
- Руководство пользователя 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
- Прототип, публикация и обзор
- Импорт, экспорт и работа с другими приложениями
Узнайте, как экспортировать и загружать ресурсы из спецификаций дизайна.
Экспорт ресурсов из спецификаций дизайна
Если вы пометили слои для экспорта и включили ресурсы при публикации спецификаций дизайна, то можете загрузить их по ссылке опубликованных спецификаций дизайна. Векторные ресурсы доступны в форматах SVG, PNG, PDF и JPG, а растровые можно экспортировать в форматы PNG, PDF и JPG.
Пометка слоев для экспорта
Слои, помеченные для экспорта, включены в спецификации дизайна как ресурсы. Чтобы пометить ресурсы для экспорта, выберите любой слой на холсте и выполните одно из следующих действий:
- Нажмите на любой слой монтажной области и во всплывающем меню установите флажок Пометить для экспорта.
- Нажмите правой кнопкой мыши на слой на холсте и выберите во всплывающем меню пункт Пометить для экспорта.
- Используйте сочетание клавиш в macOS и сочетание клавиш в ОС Windows.
- Откройте панель слоев и нажмите на значок отметки для экспорта рядом с названием слоя.
Чтобы экспортировать несколько ресурсов, выберите несколько слоев на монтажной области и выберите Пометить для экспорта.
Публикация спецификаций дизайна с ресурсами
Когда вы включаете ресурсы при публикации спецификаций дизайна и делитесь опубликованной ссылкой с разработчиками, вы предоставляете им централизованный доступ для загрузки этих ресурсов.
-
-
Щелкните Поделиться, чтобы перейти в режим совместного доступа. Выберите Разработка.
-
В режиме Дизайн выберите ресурсы, которые вы хотите экспортировать. В инспекторе свойств установите флажок Пометить для экспорта. Ресурсы для экспорта появятся в режиме Поделиться.
-
В режиме Поделиться установите флажок Загружаемые ресурсы, чтобы пометить ресурсы для экспорта, а затем нажмите Создать ссылку.
Каждая платформа, для которой вы создаете дизайн, имеет отдельный набор настроек разрешения:
- Интернет — ресурсы экспортируются с разрешением 1x и 2x.
- iOS — ресурсы экспортируются с разрешением 1x, 2x и 3x.
- Android — ресурсы оптимизируются и экспортируются для следующих значений плотности экрана Android:
- ldpi — низкая плотность (75 %)
- mdpi — средняя плотность (100 %)
- hdpi — высокая плотность (150 %)
- xhdpi — сверхвысокая плотность (200 %)
- xxhdpi — сверхвысокая плотность плюс (300 %)
- xxxhdpi — сверхвысокая плотность плюс плюс (400 %)
-
Чтобы открыть опубликованные спецификации дизайна в браузере, щелкните значок Открыть в браузере и выберите монтажную область для просмотра ресурсов. В браузере отобразятся выбранные ресурсы, а также другие детали монтажной области.
При наведении указателя на ресурсы контекстное выделение пометит выбранный ресурс синим цветом.
Загрузка ресурсов из спецификаций дизайна
Если вы являетесь разработчиком, вы можете загружать ресурсы с помощью предоставленной вам ссылки на опубликованные спецификаций дизайна. Вы можете загрузить все загружаемые ресурсы на монтажную область одновременно в окне сведений с экрана. Вы также можете загружать ресурсы по отдельности в окне сведений о слое.
Сведения с экрана
Когда вы щелкаете за пределами монтажной области, вы попадаете в окно сведений с экрана.
Здесь отображаются все загружаемые ресурсы, классифицированные как изображения, видео, анимации и аудио в разделе Ресурсы инспектора свойств.
Чтобы загрузить ресурсы, выполните описанные ниже действия в разделе Ресурсы.
1. Щелкните, чтобы выбрать ресурсы, которые вы хотите загрузить вместе:
- Чтобы выбрать несколько ресурсов, используйте клавишу Shift.
- Чтобы выделить все ресурсы категории ресурсов, щелкните по одному ресурсу, а затем используйте комбинацию клавиш Cmd+ А или Ctrl+А.
Появится раздел Выбранные ресурсы, в котором показано количество выбранных ресурсов, классифицированных как изображения, видео и аудио.
2. Нажмите Загрузить.
Ресурсы загрузятся в виде файлов формата .zip в папку загрузок на вашем компьютере. При загрузке изображений можно изменить формат векторных изображений на SVG, PDF, PNG и JPG, а формат растровых изображений на PNG, PDF и JPG.
На что следует обратить внимание
- Если вы наведете курсор на видео- и аудиофайлы в разделе «Ресурсы», вы увидите их расширение.
- На монтажной области, если есть несколько копий видео, вы увидите только один экземпляр этого видео в разделе «Ресурсы». При наведении курсора на видео в разделе «Ресурсы» вы увидите, что все экземпляры этого видео выделены на монтажной области.
- На монтажной области, если у нескольких видео одно и то же изображение обложки, вы увидите каждый экземпляр этого изображения обложки в разделе «Ресурсы».
- При загрузке ресурсов из разных категорий вместе в загруженной папке .zip будут содержаться подпапки для этих категорий.
- Вы можете загружать видеофайлы только в том же формате, в котором дизайнеры импортировали их в свои проектные документы XD. О поддерживаемых форматах видео см. Работа с видео.
- В подробном представлении экрана для соответствующего компонента в разделе «Ресурсы» для загрузки будет отображаться только его активное состояние или состояние при последней проверке. Чтобы загрузить ресурсы для всех состояний, выберите слой компонента на монтажной области и переключитесь на просмотр сведений о слое.
Сведения о слое
Когда вы выбираете слой на монтажной области, вы переключаетесь в режим просмотра сведений о слое. Здесь можно загружать ресурсы только для выбранного слоя.
Чтобы загрузить ресурс в выбранном слое, щелкните Загрузить рядом с ресурсом в разделе «Ресурсы» инспектора свойств.
Загрузка видео
Когда вы выбираете слой с видео на монтажной области:
- Вы можете загрузить видео и изображение плаката.
- Если видео подключено к воспроизведению звука, вы также можете загрузить аудиофайл.
Загрузка файлов Lottie
Когда вы выбираете слой Lottie на монтажной области:
- Вы можете загрузить анимацию Lottie в виде файла JSON.
- Если Lottie подключен к воспроизведению звука, вы можете загрузить этот аудиофайл.
Загрузка компонентов
Чтобы загрузить ресурсы для компонента, выберите компонент на холсте. Затем в инспекторе свойств переключитесь на каждое состояние, чтобы загрузить для него ресурсы.
Если в приложении XD дизайнер помечает несколько экземпляров компонента для экспорта, будет экспортирован только последний экземпляр на панели «Слои».
Загрузка в XD 44 и более поздних версий
Для ссылок, опубликованных из XD 44 и более поздних версий.
Когда вы нажимаете Загрузить, открывается диалоговое окно, показывающее ход загрузки. После завершения загрузки вы можете возобновить просмотр монтажных областей или переход от одной монтажной области к другой.
Если вы получаете сообщение об ошибке при загрузке ресурсов, попросите дизайнера повторно опубликовать ссылку и снова поделиться ею.