UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Обновление Adobe XD ноябрь 2019. Совместная работа, история документа, состояния компонентов
Редакція
Редакція

Опубліковано

Обновление Adobe XD ноябрь 2019. Совместная работа, история документа, состояния компонентов

Мы любим ежемесячно выпускать новые функции и усовершенствовать Adobe XD, но конференция Adobe MAX, несомненно, является нашим любимым временем года, поскольку мы представляем основные новинки нашего продукта. Этот год не стал исключением, поскольку релиз XD на конференции MAX 2019 стал одним из наших самых крупных релизов за всю историю!

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

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

Давайте рассмотрим нововведения последней версии!

Сила совместно работы в XD

Дизайн – это изначально коллективный процесс, что подразумевает глубокое понимание проблем и выработку решений, основанных на данных, эмпатии, исследованиях и постоянном диалоге с пользователями, товарищами по команде и заинтересованными сторонами. В обновлении XD, представленной на MAX 2019, мы делаем огромный шаг вперед в обеспечении сотрудничества.

Совместное редактирование (Бета-тест)

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

https://youtu.be/XDFE5DH2Z5E

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

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

История документа

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

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

Режим совместного использования (Share mode)

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

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

https://youtu.be/3vj03O641GA

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

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

Углубление возможностей взаимодействия и прототипирования

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

Состояния компонентов

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

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

https://youtu.be/JF-muM8vo5k

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

Вы также можете работать с состояниями компонентов в режиме Prototype, что позволяет создавать интерактивные интерфейсы, а также реализовывать микровзаимодействия как часть опыта вашего прототипа. Если выбранный компонент имеет состояния, то вы увидите различные состояния в качестве пунктов назначения для действия прототипирования. Например, вы можете определить состояние наведения курсора для компонента кнопки в режиме Design, а затем установить состояние наведения в качестве пункта назначения для взаимодействия прототипирования в режиме Prototype.

Чтобы помочь вам лучше понять, как в Adobe XD работают состояния компонентов, мы совместно с Danksy создали XD Fresh UI Kit. В нем вы найдете вымышленное приложение, которое имитирует опыт покупки фруктов и овощей онлайн. Наш набор использует состояния компонентов для включения и выключения различных элементов «упорядочивания», таких как флажки, переключатели и кнопки, без необходимости использования дополнительных артбордов.

Триггер наведения

Одним из наиболее распространенных вариантов использования состояний компонентов является создание состояний наведения курсора (hover states). Мы откладывали ее добавление до тех пор, пока не смогли объединить ее с функциональностью состояний компонентов, чтобы сделать ее максимально полезной для команд дизайнеров. Как следует из названия, триггер наведения вызывается всякий раз, когда пользователь наводит курсор на элемент, например, кнопку в десктопном приложении.

Как часть определения состояний компонентов (как описано выше), вы можете выбрать определение состояния наведения курсора, которое будет автоматически связывать необходимые взаимодействия, чтобы реагировать на наведение курсора на компонент. Также вы можете вручную применить триггер наведения к любому элементу в режиме Prototype, используя раскрывающийся список триггера в Инспекторе свойств. Hover объединяет растущий список триггеров, поддерживаемых в XD, включая нажатие, перетаскивание, голосовые команды, ввод с клавиатуры и ввод с геймпада.

Поддержка нескольких взаимодействий

Поскольку мы поддерживаем все больше и больше вариантов ввода данных, разработчики взаимодействий могут создавать прототипы полные интерактивного опыта без необходимости писать какой-либо код. Часто взаимодействия прототипов будут различаться в зависимости от данных, вводимых пользователем. Например, одно действие, когда пользователь нажимает на объект, а другое – когда перетаскивает его. До сих пор это требовало дублирования артбордов для подключения различных сценариев прототипирования, но теперь это больше не нужно!

https://youtu.be/zWQv9Qszm7c

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

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

Расширяемость и совместимость с другими инструментами

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

Расширенная интеграция библиотек Creative Cloud

Библиотеки Creative Cloud позволяют обмениваться логотипами, цветами и многим другим между приложениями Creative Cloud. Благодаря существующей поддержке библиотек Creative Cloud вы можете использовать в XD ресурсы, созданные в других приложениях Creative Cloud, таких как Photoshop и Illustrator. На основе ваших отзывов мы расширяем поддержку библиотек Creative Cloud, чтобы вы могли создавать библиотеки и управлять ими из XD, а также добавлять ресурсы и компоненты из XD в существующие библиотеки и использовать их в других приложениях Creative Cloud. Это позволяет совместно использовать ресурсы дизайн-системы и маркетинга в рамках единой творческой системы всей вашей организации.

https://youtu.be/GWuA1y79AT8

Улучшенный импорт из Sketch и совместимость

Мы знаем, что многие команды дизайнеров используют различные инструменты в своих процессах и что для полного принятия XD важно, чтобы вы могли использовать существующие для них ресурсы. Хотя мы уже некоторое время поддерживаем импорт файлов из Sketch (и постоянно улучшаем точность импорта на основе ваших отзывов), в этой версии добавлена ​​возможность конвертировать существующие библиотеки Sketch в облачные документы XD, чтобы вы могли использовать активы Sketch Libraries в XD, как часть вашей дизайн-системы. XD автоматически свяжет все активы и компоненты в вашей преобразованной библиотеке с исходным облачным документом, чтобы вы могли использовать их прямо в XD. Вы также можете вносить изменения в исходный облачный документ и переносить эти изменения в свои проекты посредством связанных активов.

https://youtu.be/DHyMngVm8CA

Редизайн менеджера плагинов

На MAX 2018 мы открыли платформу Adobe XD, чтобы дизайнеры и разработчики могли расширить возможности программы с помощью плагинов. На сегодняшний день для XD доступно более 200 различных плагинов, включая Jira Cloud, zeroheight, UI Faces, Stark, Arranger и десятки других, которые помогают автоматизировать рутинные задачи проектирования, подключать XD к другим инструментам и расширять возможности XD для новых случаев использования. Наше сообщество разработчиков постоянно внедряет новые плагины и совершенствует существующие, чтобы использовать новые возможности XD.

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

https://youtu.be/YAgKDA6c9\_I

В дополнение к переработанному менеджеру плагинов мы продолжаем расширять спектр API, доступных для разработчиков. В этом выпуске мы представляем новый набор API-интерфейсов XD Cloud Content, которые позволяют переносить информацию о документах XD в другие приложения. Мы используем эти API для поддержки нескольких интеграций, таких как Jira, Slack, и Microsoft Teams. Вы можете прочитать подробнее об этих новых API и начать работать с ними на нашем сайте для разработчиков.

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

Следите за обновлениями XD и, как всегда, делитесь своими мыслями и отзывами с нашей командой!

Присоединяйтесь к нашему сообществу

Мы хотели бы продолжить диалог! Помогите нам сформировать будущее Adobe XD, отправив запросы функций через UserVoice. Вы можете следить за обновлениями в Twitter @AdobeXD Кроме того, вы можете там связаться с нашей командой с помощью хештега #AdobeXD. Вы можете найти нас в Facebook, где мы делимся видео и новостями, а также отвечаем на вопросы во время прямых эфиров

Делитесь своими работам с хештегом #MadeWithAdobeXD

Когда публикуете свои прототипы на Behance, не забывайте ставить хештег #MadeWithAdobeXD и выбирать Adobe XD в пункте “Tools Used”. Тогда, возможно, ваша работа попадет на веб-сайт Adobe XD, новостную рассылку или страницы в социальных сетях.


Перевод статьи Andrew Shorten

Топ коментарі (0)