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

Cover image for Adobe XD представляет дизайн-системы. Большое обновление
Редакція
Редакція

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

Adobe XD представляет дизайн-системы. Большое обновление

Легко создавайте, обменивайтесь и управляйте повторно используемыми цветами, стилями и компонентами

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

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

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

Компоненты

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

https://youtu.be/PCICHoZDxhM

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

https://youtu.be/8a6HeEX3lzU

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

Связанные активы

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

Чтобы позволить другим использовать цвета, стили символов и компоненты, которые вы определили, просто пригласите их в документ, используя Share > Invite to Edit. Получив доступ, они могут связать ваш облачный документ со своим – это добавит цвета, стили символов и компоненты в их документ, чтобы они могли использовать созданные вами элементы. Когда вы вносите обновления в исходный документ, они получают сообщение, что доступны обновления, и могут принять обновления в своем документе, это гарантирует, что все будут использовать последнюю версию активов.

https://youtu.be/I-OWRCpFgCs

Руководства по стилю

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

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

Больше новых функций и улучшений

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

Направляющие артборда

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

https://youtu.be/bnalFtR2KMA

Триггеры клавиатуры и геймпада

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

https://youtu.be/2Rv1lw7Qv3Q

Инструмент «Многоугольник»

Новый инструмент «Многоугольник» позволяет быстрее создавать множество фигур, в том числе треугольники, ромбы, пятиугольники и другие многоугольники с количеством сторон до 100. В сочетании с автоанимацией инструмент «Многоугольник» позволяет различным фигурам легко трансформироваться.

https://youtu.be/yM0TyjsR5JU

Улучшение форматирования текста

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

https://youtu.be/dQYXMn8x5MQ

Разрешения и обмен

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

https://youtu.be/xX8FnGr8Hf0

Больше плагинов для расширения возможностей XD

С каждым месяцем экосистема плагинов XD продолжает развиваться, и теперь доступно более 150 плагинов. В связи с постоянно растущим количеством плагинов, мы улучшили менеджер плагинов, чтобы вы могли видеть сводные и подробные описания, а также искать плагины по ключевым словам. Кроме того, в прошлом месяце мы анонсировали Adobe XD Plugin Accelerator, интенсивную 90-дневную программу, которая предоставляет финансирование и ресурсы людям с уникальным видением будущего творчества.

Среди новых и заслуживающих внимания плагинов стоит упомянуть UnDraw, который предлагает красивые иллюстрации для ваших проектов, Rotato, который представляет ваши дизайны на экранах устройств в фотореалистичном 3D, и Maps Generator, который позволяет быстро и легко вставлять карты в ваши проекты. Узнайте больше о доступных плагинах.

UX сообщество

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

#MadeWithAdobeXD

Делясь своими прототипами на Behance, не забудьте пометить их тегом #MadeWithAdobeXD и выбрать Adobe XD в разделе «Tools Used», чтобы получить возможность попасть в информационный бюллетень Adobe XD.


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

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