Обзор функций | Adobe XD | Выпуски 2019 года

Новые возможности Adobe XD 24

В выпуске XD за ноябрь 2019 г. реализованы такие улучшения: 

• Совместная работа в реальном времени с помощью функции одновременного редактирования (бета-функция)
• Добавление интерактивных элементов с состояниями компонентов
• Управление версиями дизайна с помощью истории документа
• Создание высококачественных прототипов с использованием нескольких взаимодействий
  
• Доступ к плагинам из нового диспетчера плагинов
  
• Общий доступ и совместная работа в усовершенствованном режиме общего доступа
  
• Предоставление общего доступа к ресурсам с улучшенной интеграцией Creative Cloud Libraries 
  
• Преобразование библиотек Sketch в связанные ресурсы
  

Совместная работа в реальном времени с помощью функции одновременного редактирования (бета-функция)

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

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

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

Дополнительные сведения см. в разделе Совместная работа и совместное редактирование дизайнов.

Добавление интерактивных элементов с состояниями компонентов

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

Больше не нужно создавать и соединять несколько монтажных областей для демонстрации сложных взаимодействий! 

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

Добавьте новые уровни интерактивности к своим прототипам!

Управление версиями дизайна с помощью истории документа

Теперь вы можете использовать функцию «История документа» для просмотра истории сохранений при работе над облачным документом. Иногда вам также может потребоваться вернуться к предыдущей версии и восстановить последние изменения в вашем документе XD. 

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

Продолжайте работать вместе с другими дизайнерами и следить за развитием ваших документов!

Дополнительные сведения см. в разделе Управление версиями дизайна.

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

Теперь в режиме прототипа можно указать несколько взаимодействий для одного элемента дизайна или объекта.

Попробуйте перетащить несколько соединительных линий от одного элемента и добавить взаимодействия для разных триггеров, таких как «Нажатие» или «Перетаскивание», не дублируя объекты и монтажные области.

Больше никаких беспорядочных взаимодействий! 

Дополнительные сведения см. в разделе Создание интерактивных прототипов | Обзор.

Доступ к плагинам из нового диспетчера плагинов

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

Дополнительные сведения см. в разделе Плагины в XD.

Общий доступ и совместная работа в усовершенствованном режиме общего доступа

Новый режим общего доступа объединяет различные возможности использования для нескольких пользователей в одном месте. Он также делает совместное использование ваших дизайнов и сотрудничество с другими дизайнерами максимально простым. В сочетании со встроенными стилями на основе сценариев, такими как Отзыв об оформлении и Разработка, у вас есть полный контроль над управлением общедоступными ссылками и их обновлением.

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

• Управление несколькими опубликованными ссылками: просматривайте все опубликованные ссылки из средства выбора URL-адреса. Попробуйте изменять ссылки или даже обновлять существующие ссылки на дизайн с легкостью!
• Выбор стилей во время публикации: получайте доступ к удобным стилям на основе сценариев, таких как Отзыв об оформлении, Разработка, Презентация, Пользовательское тестирование и Пользовательский из меню Настройки просмотра. Вам больше не нужно выбирать несколько параметров и устанавливать флажки, чтобы создать ссылки на свои дизайны! XD делает все это за раз!
  
• Сохранение одного и того же URL-адреса для нескольких стилей и итераций: создайте URL-адрес один раз и повторяйте или переключайте свои стили много раз! 
• Простая идентификация монтажных областей: визуально идентифицируйте выделенные монтажные области, которые будут опубликованы, на холсте дизайна. В ваших опубликованных ссылках больше не будет не хватать соединительных линий или экранов!

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

Предоставление общего доступа к ресурсам с улучшенной интеграцией Creative Cloud Libraries

Теперь вы можете открывать и просматривать Creative Cloud Libraries, добавлять ресурсы, такие как компоненты, графика, цвета, градиенты и стили символов, из XD в Creative Cloud Libraries, а также использовать их непосредственно из XD — прямо в проектах XD.

Также можно добавить ресурсы XD в CC Libraries и использовать их в других приложениях Creative Cloud.

Позвольте творческим рабочим группам в вашей организации совместно использовать такие ресурсы, как цвета, графику, логотипы бренда и многое другое!

Дополнительные сведения см. в разделе Creative Cloud Libraries для XD. 

Преобразование библиотек Sketch в связанные ресурсы

Работая над системами дизайна, теперь вы можете импортировать и повторно использовать любые ресурсы Sketch, без необходимости создавать их заново.

Символы и элементы Sketch можно не только преобразовать в компоненты XD, но и использовать как связанные ресурсы.

Дополнительные сведения см. в разделе Преобразование библиотек Sketch.

Новые возможности Adobe XD 23

В выпуске XD за октябрь 2019 г. реализованы такие улучшения: 

• Эффекты наложения
  
• Сдвиг и изменение его размера
• Выбор сквозь наложение слоев

Эффекты наложения

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

Используйте эффекты наложения, чтобы преобразовать свои дизайны, изменяя способ наложения цветов объектов на цвета объектов, расположенных внизу, и наблюдайте, как ваши дизайны оживают!

Дополнительные сведения о применении эффектов наложения см. в разделе Применение эффектов наложения.

Сдвиг и изменение его размера

Начиная с версии XD 23.0, вы можете комбинировать эти сочетания клавиш с клавишами со стрелками, чтобы точно контролировать положение и размер элементов пользовательского интерфейса в шагах размера сетки.

• Shift + стрелки: перемещение выделенного содержимого с шагом в 10 пикселей.
• Cmd + стрелки: изменение размера выделенного содержимого с шагом в 1 пиксель (элемент закреплен в верхнем левом углу).
• Cmd + Shift + стрелки (Mac) и Alt + Shift + стрелки (Win): изменение размера выделенного содержимого с шагом в 10 пикселей (элемент закреплен в верхнем левом углу).

Когда квадратная сетка включена:

• Shift + стрелки: перемещение выделенного содержимого сначала для привязки к сетке, а затем с шагом размера сетки.
  
• Cmd + Shift + стрелки (Mac) и Alt + Shift + стрелки (Win): изменение размера выделенного содержимого, чтобы привязать его к сетке, а затем изменение размера выделенного содержимого в шагах размера сетки (элемент закрепляется в верхнем левом углу).

Выбор сквозь наложение слоев

Режим дизайна

XD 23.0 расширяет функции, выполняемые сочетанием клавиш Cmd+щелчок или Ctrl+щелчок, для детализации Z-порядка объектов на холсте дизайна, а также спецификаций дизайна. Достигнув нужного слоя, вы можете сдвинуть его с помощью клавиатуры или вызвать соответствующее контекстное меню, щелкнув правой кнопкой мыши.

При наличии нескольких наложенных друг на друга слоев щелчок с нажатой клавишей Cmd или Ctrl выбирает следующий объект под выделенным слоем. Достигнув самого нижнего слоя, используйте ту же комбинацию, чтобы вернуться к самому верхнему слою. 

Спецификации дизайна

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

Дополнительные сведения о доступе к наложенным слоям см. в разделе Изменение размера и поворот объектов.

Новые возможности Adobe XD 22

В выпуске XD за август 2019 г. реализованы такие улучшения: 

• Редактирование в Photoshop
• Улучшенная панель плагинов
• Фрагменты CSS в спецификациях дизайна
• Улучшения в границах компонентов 
• Уменьшение дробных пикселей
• Переключение между представлениями сетки и потока

Редактирование в Photoshop

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

Дополнительные сведения см. в разделе Работа с внешними ресурсами

Улучшенная панель плагинов

В последнем выпуске XD можно запускать плагины XD и взаимодействовать с ними прямо из пользовательского интерфейса XD, а также на холсте дизайна. Подобно панелям «Слои» и «Ресурсы», новая панель «Плагины» обеспечивает легкий доступ к плагинам для их просмотра и изменения в XD. Так вы можете не откладывать творческие идеи при работе над дизайнами XD. 

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

Фрагменты CSS в спецификациях дизайна

Для более удобного перенесения дизайнов на функциональный веб-сайт можно скопировать фрагменты кода CSS из спецификаций дизайна и вставить их в свой код.

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

Дополнительную информацию см. в разделе Проверка спецификаций дизайна в XD.

Улучшения в границах компонентов

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

Чтобы устранить проблемы с границами компонентов, выберите главный компонент, щелкните правой кнопкой мыши и выберите Разместить контент в границах. Тогда границы компонентов будут корректироваться так, чтобы отображались все обрезанные объекты и в главных компонентах, и в экземплярах.

Если вы создаете новые компоненты:

• Тени и размытие отображаются вне компонента по ограничительной рамке, и
  
• Область ограничения соответствует контенту внутри компонента.

Уменьшение дробных пикселей

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

Переключение между представлениями сетки и потока

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

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

Дополнительную информацию см. в разделе Переход к спецификациям дизайна в XD.