Работа с ресурсами Illustrator в Adobe XD

Последнее обновление 6 июн. 2023 г.

Узнайте, как переносить векторные объекты, например значки и логотипы, из Illustrator в Adobe XD.

Adobe XD работает с Illustrator для создания высококачественных векторных объектов, таких как логотипы, значки или другие элементы, которые можно использовать в проектах XD. Импортированные графические объекты и далее можно редактировать в XD, что позволяет сократить время, затрачиваемое на создание прототипов.

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

работа с xd и illustrator

Прежде чем продолжить

Хотя некоторые функции Illustrator, позволяющие сохранять слои и эффекты, имеют аналоги в XD, есть некоторые функции, для которых нет однозначного соответствия.Прежде чем продолжить, подробнее о них см. в разделе Supported Illustrator features.

Ознакомьтесь с некоторыми дополнительными ограничениями при работе с файлами Illustrator в XD.

  • Монтажную область Illustrator невозможно скопировать и вставить в XD.
  • Приложение XD при работе с текстовыми элементами не импортирует горизонтальный масштаб при заливке.
  • Повторяющиеся сетки невозможно заполнить векторами.

Чтобы работа с XD и Illustrator была максимально эффективной, мы вносим улучшения в технологические процессы взаимодействия. Если у вас уже есть какие-либо предложения или отзывы, поделитесь ими на UserVoice.

Способы добавления ресурсов Illustrator в XD

Для проектов, созданных в Illustrator, предлагается несколько способов их переноса в XD.  



Импортирование и открытие проектов Illustrator

 

Подробнее

Копирование векторных объектов или SVG-элементов из Illustrator

Подробнее

Использование ресурсов из библиотек CC

 

Подробнее

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

Создание прототипов на основе импортированных монтажных областей

После импорта проектов Illustrator в XD попробуем создать прототип.


При работе в Illustrator можно создавать монтажные области XD, открывая монтажные области Illustrator непосредственно в XD. Монтажные области в Illustrator легко импортировать в формат монтажных областей XD. 

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

Хотите улучшить свой проект XD? применений функций, характерных для XD, таких как повторяющиеся сеткисостоянияавтоанимация и создание прототипов с помощью голоса.

Предоставление доступа к своим проектам в XD и совместная работа с другими пользователями

Вы хотите предоставить общий доступ к своему прототипу?


Одно из главных преимуществ использования Adobe XD для дизайна и создания интерактивных прототипов — возможность делиться дизайнами и прототипами и получать отзывы от заинтересованных лиц.
Используйте режим общего доступа в XD, чтобы делиться дизайнами и интерактивными прототипами с заинтересованными лицами и легко сотрудничать с ними.
Приглашайте заинтересованных лиц к совместной работе и одновременному совместному редактированию вашего документа, сохраняя при этом историю версий вашего дизайн-проекта!

Думаете о том, изменится ли разрешение проектов, после того как вы поделитесь ими в XD? Нет.

С XD 57 и более поздними версиями у вас есть возможность обеспечить единообразную цветопередачу для работающих с вами лиц. Для получения такого результата переключите цветовой профиль документа на sRGB. Если вы попытаетесь предоставить общий доступ к выбранным монтажным областям из документа с неизменяемым цветовым профилем, вы получите сообщение, информирующее вас о возможном несоответствии цветов, с которым могут столкнуться работающие с вами лица. Дополнительные сведения см. в разделе Управление цветом.

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

Видео: как импортировать проекты Illustrator?

«Файлы Illustrator можно импортировать непосредственно в Adobe XD так же, как файлы Photoshop. Это идеально подходит для дизайнеров, которые хотят добавить логотипы, иконки или любые другие элементы для использования в UI или UX проектах" — Говард Пинский, старший XD ИТ-евангелист. 

Чтобы узнать больше о переносе проектов Illustrator в XD, посмотрите этот двухминутный видеоролик.

Часто задаваемые вопросы

Как исправить искажения интервалов между элементами при увеличении размера SVG-файлов? 

Искажение происходит, когда XD рассматривает импортированные или вставленные связанные объекты SVG как отдельные объекты. Чтобы избежать искажения, убедитесь, что опция Адаптивное измерение размера в Инспекторе свойств установлена в положение ВЫКЛ. 

Почему мои дизайнерские иконки, экспортированные из Illustrator в SVG, кажутся искаженными в XD?

Некоторые функции Illustrator несовместимы с XD, и объекты передаются как векторы или не передаются вовсе. SVG имеет ограниченные возможности по сравнению с Illustrator, и такие функции, как градиенты произвольной формы, невозможно отобразить. Подробнее о поддерживаемых элементах Illustrator в XD см. в разделе Поддерживаемые элементы Illustrator.

Что дальше?

Теперь вы знаете все необходимое для начала работы с ресурсами проекта из Illustrator. Теперь рассмотрим, как создавать интерактивные прототипы и открывать к ним доступ дизайнерам и участникам проекта, чтобы получать от них отзывы.

Хотите оставить отзыв? Мы будем очень рады узнать ваше мнение.

Спросите сообщество

Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.