Пометьте слои для экспорта в XD.
Последнее обновление
16 февр. 2022 г.
Узнайте, как экспортировать и скачивать ресурсы из спецификаций дизайна.
Экспорт ресурсов из спецификаций дизайна
Если вы пометили слои для экспорта и включили ресурсы при публикации спецификаций дизайна, то можете загрузить их по ссылке опубликованных спецификаций дизайна. Векторные ресурсы доступны в форматах 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 и более поздних версий.
Когда вы нажимаете Загрузить, открывается диалоговое окно, показывающее ход загрузки. После завершения загрузки вы можете возобновить просмотр монтажных областей или переход от одной монтажной области к другой.
Если вы получаете сообщение об ошибке при загрузке ресурсов, попросите дизайнера повторно опубликовать ссылку и снова поделиться ею.
Проектируйте прототипы пользовательских интерфейсов при помощи Adobe XD
Создавайте интерактивные макеты для веб-сайтов и мобильных приложений.
