Об Adobe XD

Итак, что же такое этот самый волшебный Adobe Experience Design, который с легкой руки окрестили убийцей Sketch и Photoshop?

Adobe Experience Design — это инструмент для прототипирования и создания UI/UX дизайна, ориентированный на быстрое создание полноценных дизайн-макетов, с адекватным заполнением графматериалов и контента.

Как это работает?

Реализовано это посредством отбора методов и инструментов, которые используются дизайнерами для создания интерфейсов и дизайна мобильных приложений и сайтов в Photoshop, Illustrator или InDesign. Очень приятно, что Adobe действительно заморочились над тем, чтобы изучить базис тех инструментов, которые постоянно используются дизайнерами, и выкинули всё лишнее, существенно улучшив работу этих самых инструментов.

К примеру работа с обтравочными масками перестала быть головной болью, и теперь наконец можно грузить изображения пачками в необходимые нам фигуры — теперь работа по заполнению какой-нибудь типовой страницы с карточками товаров ускоряется в худшем случае в 3-4 раза. Изображения сами сжимаются до нужны размеров, выравниваются как надо, и встают без необходимости править их руками после вставки. Этим самым мы автоматизируем процесс подготовки макета, а если Вы как дизайнер еще и успешно используете сценарии в Photoshop для обработки фото — вы получаете просто волшебный чудо-инструмент для работы с большим количеством информации.

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

Сами карточки копируются быстро и удобно — тянем за краешек, и теперь у нас не одна карточка — а целых 4, выровненных по ширине, привязанных к сетке (если надо), и легкозаполняемых.

Дорогу — шаблонам!

Для ускорения работы активно используются шаблоны — теперь кнопки, меню и прочие элементы интерфейса можно выбросить в палитру «Символы» — и использовать их оттуда, перетаскивая всё что нужно за секунды — без переключения между макетами со стайлгайдом или типовой страницей и перетаскивания элементов. Работа с палитрой очень удобна — если нам нужно заменить цветовую гамму, мы её меняем и получаем изменение цвета во всех элементах которые мы уже использовали в макете.

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

Это далеко не весь список приятных «плюшек» в Adobe XD, их куда больше + с каждым обновлением выходят всё новые и новые инструменты.

Сейчас Adobe XD доступен бесплатно для владельцев компьютеров с MacOS и Windows 10 и старше на борту абсолютно бесплатно (потому что Beta) — дальше скорее всего станет платным, но ради удобства пожалуй стоит выкатить денег за полезный набор инструментов.

Вердикт: не тормозить и переходить на удобные инструменты и облегчать себе жизнь.

Здесь можно посмотреть немного интересных видео о работе с сайтами в Adobe XD:

• https://goo.gl/WQLJBM Creade. Дизайн сайта в Adobe XD
• https://goo.gl/a56Wn7 WebDesign Master. Создание дизайна сайта в Adobe XD (Experience Design)
• https://goo.gl/dcBYAd Уроки Web дизайна. Очуменный дизайн landing page в adobe xd