Руководство пользователя Отмена

Экспорт и загрузка ресурсов из спецификаций дизайна

Узнайте, как экспортировать и загружать ресурсы из спецификаций дизайна.

Экспорт ресурсов из спецификаций дизайна

Если вы пометили слои для экспорта и включили ресурсы при публикации спецификаций дизайна, то можете загрузить их по ссылке опубликованных спецификаций дизайна. Векторные ресурсы доступны в форматах SVG, PNG, PDF и JPG, а растровые можно экспортировать в форматы PNG, PDF и JPG.

Пометка слоев для экспорта

Слои, помеченные для экспорта, включены в спецификации дизайна как ресурсы. Чтобы пометить ресурсы для экспорта, выберите любой слой на холсте и выполните одно из следующих действий: 

  • Нажмите на любой слой монтажной области и во всплывающем меню установите флажок Пометить для экспорта
  • Нажмите правой кнопкой мыши на слой на холсте и выберите во всплывающем меню пункт Пометить для экспорта
  • Используйте сочетание клавиш в macOS и сочетание клавиш в ОС Windows.
  • Откройте панель слоев и нажмите на значок отметки для экспорта  рядом с названием слоя. 

Чтобы экспортировать несколько ресурсов, выберите несколько слоев на монтажной области и выберите Пометить для экспорта.

Пометка для экспорта

Публикация спецификаций дизайна с ресурсами

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

  1. Пометьте слои для экспорта в XD.

    Пометка слоев для экспорта
    Пометка для экспорта

  2. Щелкните Поделиться, чтобы перейти в режим совместного доступа. Выберите Разработка.

    share-designs

  3. В режиме Дизайн выберите ресурсы, которые вы хотите экспортировать. В инспекторе свойств установите флажок Пометить для экспорта. Ресурсы для экспорта появятся в режиме Поделиться.

  4. В режиме Поделиться установите флажок Загружаемые ресурсы, чтобы пометить ресурсы для экспорта, а затем нажмите Создать ссылку.

    Каждая платформа, для которой вы создаете дизайн, имеет отдельный набор настроек разрешения:

    • Интернет — ресурсы экспортируются с разрешением 1x и 2x.
    • iOS — ресурсы экспортируются с разрешением 1x, 2x и 3x.
    • Android — ресурсы оптимизируются и экспортируются для следующих значений плотности экрана Android:
      • ldpi — низкая плотность (75 %)
      • mdpi — средняя плотность (100 %)
      • hdpi — высокая плотность (150 %)
      • xhdpi — сверхвысокая плотность (200 %)
      • xxhdpi — сверхвысокая плотность плюс (300 %)
      • xxxhdpi — сверхвысокая плотность плюс плюс (400 %)
  5. Чтобы открыть опубликованные спецификации дизайна в браузере, щелкните значок Открыть в браузере и выберите монтажную область для просмотра ресурсов. В браузере отобразятся выбранные ресурсы, а также другие детали монтажной области. 

    При наведении указателя на ресурсы контекстное выделение пометит выбранный ресурс синим цветом.

Загрузка ресурсов из спецификаций дизайна

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

Сведения с экрана

Когда вы щелкаете за пределами монтажной области, вы попадаете в окно сведений с экрана. 

Здесь отображаются все загружаемые ресурсы, классифицированные как изображения, видео, анимации и аудио в разделе Ресурсы инспектора свойств.

Сведения с экрана
Подробные сведения о монтажной области с ресурсами, выбранными для загрузки

Чтобы загрузить ресурсы, выполните описанные ниже действия в разделе Ресурсы.

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 и более поздних версий.

Когда вы нажимаете Загрузить, открывается диалоговое окно, показывающее ход загрузки. После завершения загрузки вы можете возобновить просмотр монтажных областей или переход от одной монтажной области к другой.

Диалоговое окно, показывающее прогресс загрузки
Для ссылок, опубликованных из XD 44 и более поздних версий, появится диалоговое окно, показывающее прогресс.

Если вы получаете сообщение об ошибке при загрузке ресурсов, попросите дизайнера повторно опубликовать ссылку и снова поделиться ею.

Ошибка при загрузке ресурсов
Ошибка при загрузке ресурсов

Получайте помощь быстрее и проще

Новый пользователь?