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

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

  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. В разделе экспорта не представлены сторонние приложения

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

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

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

работа с xd и illustrator

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

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

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

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

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

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

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



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

 

Подробнее

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

Подробнее

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

 

Подробнее

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

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


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

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

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

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

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


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

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

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

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

«Файлы Illustrator можно импортировать непосредственно в Adobe XD так же, как файлы Photoshop. Это очень удобно для дизайнеров, которым надо перенести логотипы, значки или другие элементы для использования в проектах UI или UX» (Howard Pinsky, старший ИТ-евангелист XD).

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

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

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

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

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

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

Что дальше?

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

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

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

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

Логотип Adobe

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