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

Советы и рекомендации

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

Создавайте дизайны и прототипы в Adobe XD быстрее с помощью этих советов и рекомендаций.

Вот несколько рекомендаций по использованию Adobe XD.

Общие советы и рекомендации

  • Вместо того чтобы копировать и вставлять группы элементов в дизайн, можно использовать инструмент «Повторяющаяся сетка» (доступен в инспекторе свойств).
  • Чтобы продублировать фигуру, выберите ее и, удерживая клавишу Option (в Mac) или клавишу Alt (в Windows), перетащите ее новую копию.
  • Элементы можно заблокировать, выбрав Объект > Блокировать (или Cmd + L) в Mac. Это действие переключает блокировку, поэтому эта же команда используется для разблокирования элементов. В Windows щелкните правой кнопкой по объекту и выберите «Блокировать» в контекстном меню.
  • Включите частичное выделение, удерживая клавишу Cmd или Ctrl. Так вы можете выбирать вложенные объекты.
  • Для быстрой маскировки поместите изображение на фигуру: заливка фигуры станет изображением.
  • Создайте редактируемую маску, импортировав изображение, а затем нарисуйте поверх него фигуру. Выделите и то, и другое, а затем выберите Объект > Маска с формой (в Mac) или щелкните объекты правой кнопкой мыши и выберите «Маска с формой» в контекстном меню. Вы можете отредактировать маску или изображение позже, дважды щелкнув на замаскированной группе.

Рисование и текст

  • Вы можете отключить направляющие привязки, удерживая нажатой клавишу Cmd / Ctrl.
  • Дважды щелкните любую опорную точку, чтобы переключиться между кривой и углом.
  • Нажмите Opt/Alt при перетаскивании маркера кривой, чтобы сделать его независимым. (Чтобы снова сделать его зависимым, дважды щелкните для возвращения к углу, затем дважды щелкните еще раз).
  • Вы можете выбрать опорные точки при рисовании с помощью инструмента «Перо».
  • Дважды щелкните, чтобы войти в контекст редактирования группы (в этом контексте можно добавлять элементы), или просто щелкните объект внутри группы с нажатой клавишей Cmd / Ctrl, чтобы выбрать его.
  • Выберите текстовый элемент, затем создайте новый, чтобы применить все стили из первого элемента ко второму.
  • Путевые комбинации (Добавить/Вычесть/Пересечь/Исключить наложение) обратимы. Их можно включать и выключать.

Импорт содержимого

  • Чтобы добавить содержимое из Illustrator, выберите векторную фигуру в Illustrator, скопируйте и вставьте ее в Adobe XD.
  • Чтобы добавить растровое содержимое из Photoshop, выберите все (Cmd+A или Ctrl+A) в растровом или текстовом слое (либо сначала преобразуйте векторный слой или группу в смарт-объект), скопируйте, а затем вставьте его в Adobe XD. Слой вставится как растровое изображение. Вы также можете скопировать содержимое из Photoshop, выделив его с помощью инструмента «Область». Затем в меню выберите «Правка > Копировать» (чтобы получить выделение на активном слое) или «Правка > Копировать объединенные слои» (чтобы получить выделение во всех слоях в выделенном фрагменте).
  • Чтобы добавить содержимое из Sketch, выделите один или несколько слоев или групп и нажмите «Сделать экспортируемым». Выберите формат SVG и перетащите слой из Sketch в Adobe XD. Так вы получите редактируемое векторное содержимое в Adobe XD.
  • Чтобы импортировать ресурсы (PNG, JPG, TIFF, GIF, SVG), на компьютере Mac выберите Файл > Импорт, или перетащите, или скопируйте и вставьте изображения в Adobe XD из Finder.
    В Windows щелкните меню «гамбургер» и нажмите «Импорт», или перетащите, или скопируйте и вставьте изображения из проводника.
    Вы также можете копировать и вставлять компоненты в Adobe XD из браузера.

Управление с клавиатуры

  • Чтобы откорректировать радиуса скругления только одного угла, удерживайте нажатой клавишу OPTION.
  • Чтобы временно отключить привязку при перемещении или изменении размера элементов, удерживайте нажатой клавишу Cmd или Ctrl.
  • Изменяя размеры элемента, удерживайте нажатой клавишу SHIFT, чтобы сохранить пропорции элемента.
  • Пока рисуете фигуру, удерживайте клавишу ALT, чтобы рисовать из центра, а не из верхнего левого угла (по умолчанию).
  • Чтобы быстро изменить непрозрачность выбранного элемента, нажмите следующие клавиши с цифрами. Здесь 1 = 10%, 2 = 20% и т. д.; 0 = 100%.
  • При выполнении сдвига фигуры или контрольной точки с помощью клавиш со стрелками удерживайте нажатой клавишу SHIFT, чтобы сдвинуть на 10 пикселей.
  • Удерживайте ПРОБЕЛ, чтобы включить режим руки. В этом режиме можно нажать и перетащить для охватки холста.

Монтажные области

  • Чтобы выбрать монтажную область, щелкните заголовок монтажной области, затем щелкните по ее фону, удерживая Cmd / Ctrl, или дважды щелкните фон.
  • Чтобы выбрать пустую монтажную область, щелкните по фону монтажной области.
  • Чтобы дублировать монтажную область (и ее содержимое), выберите монтажную область и перетащите ее, удерживая Cmd (в Mac) или Alt (в Windows), чтобы сделать копию.
  • Чтобы переименовать монтажную область, дважды щелкните ее заголовок.

Повторяющаяся сетка

  • Чтобы откорректировать отступ между повторяющимися элементами в повторяющейся сетке, выберите эту сетку, затем наведите указатель мыши на пространство между элементами и перетащите. Если вы редактируете элемент в повторяющейся сетке, вам нужно нажать ESCAPE, чтобы выйти из режима редактирования.

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

  • Выберите любой объект на монтажной области (или всю монтажную область) и перетащите соединительную линию, чтобы вызвать взаимодействие между монтажными областями.
  • Перетащите соединительную линию от места назначения, чтобы разорвать установленное взаимодействие.
  • Используйте переход «Растворение» при дизайне для веб-сайтов.
  • Чтобы увидеть все соединения между своими монтажными областями (кроме тех, которые запускаются непосредственно из монтажных областей), нажмите Cmd + A (в Mac) или Ctrl + A (в Windows) в режиме прототипа.
  • Окно предварительного просмотра отображает монтажную область с текущим выделением. Если ничего не выделено, окно предварительного просмотра откроется с монтажной областью «Главная».
  • Из окна предварительного просмотра вашего интерактивного прототипа можно записать видео. Чтобы начать видеозапись, нажмите значок записи на панели заголовка.
  • Чтобы остановить видеозапись, нажмите кнопку записи еще раз ИЛИ нажмите ESC.
  • Вы можете использовать сочетания клавиш или триггеры геймпада на прототипах в зависимости от типа создаваемого вами дизайна. 

Обмен файлами

  • Для предоставления общего доступа необходимо с помощью учетной записи Adobe войти либо в приложение Adobe Creative Cloud для настольных ПК, либо в любое другое приложение Adobe (например, Photoshop, Illustrator и т. д.).
    Поддерживаются идентификаторы Adobe ID, Enterprise ID и Federated ID.
  • Если вы поделитесь своим файлом дизайна, не добавив сначала взаимодействия, будут загружены все ваши монтажные области, и пользователи смогут перемещаться по ним с помощью клавиш со стрелками на клавиатуре. Порядок ваших монтажных областей будет следующий: начиная от верхней левой и по направлению вправо.
  • Если ваш дизайн включает взаимодействия, будут загружены и опубликованы только монтажные области, связанные с монтажной областью «Главная».
  • Монтажная область, определенная как «Главная», — это первая монтажная область, которую пользователи увидят при просмотре вашего опубликованного дизайна.
  • Вы можете изменить монтажную область «Главная», выбрав значок главной монтажной области рядом с монтажной областью в режиме прототипа. Этот значок главной монтажной области отображается только для выделенных монтажных областей (или назначения выбранной цели).
  • При просмотре прототипа в мобильном веб-браузере можно сохранить его ярлык на главном экране устройства. Так прототип будет более похожим на встроенное приложение при его представлении.

Справки по другим продуктам

Логотип Adobe

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