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

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

  1. Руководство пользователя Adobe XD
  2. Введение
    1. Новые возможности Adobe XD
    2. Распространенные вопросы
    3. Создание дизайна, прототипов и совместная работа в Adobe XD
    4. Системные требования
      1. Требования к оборудованию и программному обеспечению
      2. Adobe XD, Big Sur и Apple Silicon | macOS 11
    5. Основные сведения о рабочей среде
    6. Изменение языка приложения в Adobe XD
    7. Доступ к наборам для дизайна пользовательского интерфейса
    8. Доступность в Adobe XD
    9. Сочетания клавиш
    10. Советы и рекомендации
    11. Варианты условий подписки на Adobe XD
    12. Изменения в начальном плане XD
  3. Дизайн
    1. Монтажные области, направляющие и слои
      1. Начало работы с монтажными областями
      2. Использование направляющих и сеток
      3. Создание прокручиваемых монтажных областей
      4. Работа со слоями
      5. Создание групп прокрутки
    2. Фигуры, объекты и путь
      1. Выделение, изменение размера и поворот объектов
      2. Перемещение, выравнивание, распределение и упорядочивание объектов
      3. Группирование, блокирование, дублирование, копирование и зеркальное отражение объектов
      4. Задание обводки, заливки и теней для объектов
      5. Создание повторяющихся элементов
      6. Создание перспективных проектов с помощью 3D-преобразований
      7. Редактирование объектов с помощью логических операций
    3. Текст и шрифты
      1. Работа с инструментами для рисования и создания текста
      2. Шрифты в Adobe XD
    4. Компоненты и состояния
      1. Работа с компонентами
      2. Работа с вложенными компонентами
      3. Добавление нескольких состояний для компонентов
    5. Маскировка и эффекты
      1. Создание маски с фигурами
      2. Работа с эффектами размытия
      3. Создание и изменение градиентов
      4. Применение эффектов наложения
    6. Макет
      1. Адаптивное изменение размера и ограничения
      2. Установка фиксированного отступа для компонентов и групп
      3. Создание динамичных проектов с подборками
    7. Видео и анимации Lottie
      1. Работа с видео
      2. Создание прототипов при помощи видео
      3. Работа с анимацией Lottie
  4. Создание прототипа
    1. Создание интерактивных прототипов
    2. Анимирование прототипов
    3. Свойства объекта, которые поддерживаются при автоматическом анимировании
    4. Создание прототипов с клавиатуры и геймпада
    5. Создание прототипов с помощью голосовых команд и воспроизведения
    6. Создание синхронизированных переходов
    7. Добавление наложений
    8. Создание голосовых прототипов
    9. Создание якорных ссылок
    10. Создание гиперссылок
    11. Предварительный просмотр проектов и прототипов
  5. Публикация, экспорт и проверка
    1. Публикация выбранных монтажных областей
    2. Предоставление совместного доступа к проектам и прототипам
    3. Настройка разрешений на доступ к ссылкам
    4. Работа с прототипами
    5. Просмотр прототипов
    6. Работа со спецификациями дизайна
    7. Предоставление общего доступа к спецификациям дизайна
    8. Проверка спецификаций дизайна
    9. Навигация в спецификациях дизайна
    10. Проверка и комментирование спецификаций дизайна
    11. Экспорт ресурсов дизайна
    12. Экспорт и загрузка ресурсов из спецификаций дизайна
    13. Корпоративный групповой совместный доступ
  6. Системы дизайна
    1. Системы дизайна с библиотеками Creative Cloud Libraries
    2. Работа с ресурсами документа в Adobe XD
    3. Работа с библиотеками Creative Cloud Libraries в Adobe XD
    4. Переход от связанных ресурсов к библиотекам Creative Cloud Libraries
    5. Работа с проектными токенами 
    6. Использование ресурсов из библиотек Creative Cloud Libraries
  7. Облачные документы
    1. Облачные документы в Adobe XD
    2. Совместная работа и совместное редактирование проектов
    3. Совместное редактирование документов, к которым вам предоставили доступ
  8. Интеграция и плагины
    1. Работа с внешними ресурсами
    2. Работа с ресурсами проекта из Photoshop
    3. Копирование ресурсов из Photoshop
    4. Как импортировать или открыть проекты Photoshop
    5. Работа с ресурсами Illustrator в Adobe XD
    6. Импортирование и открытие проектов Illustrator
    7. Копирование векторных объектов из Illustrator в XD
    8. Плагины для Adobe XD
    9. Создание плагинов и управление ими
    10. Интеграция Jira с XD
    11. Подключаемый модуль Slack для XD
    12. Подключаемый модуль Zoom для XD
    13. Публикация работы из XD на Behance
  9. XD для iOS и Android
    1. Предварительный просмотр на мобильных устройствах
    2. Часто задаваемые вопросы по Adobe XD для мобильных устройств
  10. Устранение неполадок
    1. Выявленные неполадки и исправленные ошибки
      1. Выявленные неполадки
      2. Исправленные неполадки
    2. Установка и обновления
      1. XD отображается как несовместимый в Windows
      2. Код ошибки 191
      3. Код ошибки 183
      4. Проблемы при установке плагинов XD
      5.  Запрос на удаление и переустановку XD в Windows 10
      6. Проблемы с миграцией предпочтений
    3. Запуск и сбой
      1.  XD аварийно завершает работу при запуске в Windows 10
      2.  XD закрывается при выходе из Creative Cloud
      3. Проблема со статусом подписки в Windows
      4. Предупреждение о заблокированном приложении при запуске XD в Windows
      5. Создание аварийного дампа в Windows
      6. Сбор и отправка журнала сбоев
    4. Облачные документы и библиотеки Creative Cloud Libraries
      1. Проблемы с облачными документами XD
      2. Проблемы со связанными компонентами
      3. Проблемы с библиотеками и ссылками
    5. Прототип, публикация и обзор
      1. Не удается записать взаимодействия прототипов в macOS Catalina
      2. Проблемы с процессами публикации
      3. Опубликованные ссылки не отображаются в браузерах
      4. Прототипы некорректно отображаются в браузерах
      5. На общих ссылках внезапно появляется панель комментариев
      6. Невозможно опубликовать библиотеки
    6. Импорт, экспорт и работа с другими приложениями
      1. Импорт и экспорт в XD
      2. Файлы Photoshop в XD
      3. Файлы Illustrator в XD
      4. Экспорт из XD в After Effects
      5. Файлы Sketch в XD
      6. В разделе экспорта не представлены сторонние приложения

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

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

Если вы пометили слои для экспорта и включили ресурсы при публикации спецификаций дизайна, то можете загрузить их по ссылке опубликованных спецификаций дизайна. Векторные ресурсы доступны в форматах 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 и более поздних версий, появится диалоговое окно, показывающее прогресс.

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

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

Логотип Adobe

Вход в учетную запись