Блог

Переходим на более новый и интересный Adobe XD

- 6 сентября 2017 года

Об 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:

comments powered by HyperComments
Понравилось? Поделитесь статьей в социальных сетях:

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

Walnut Team
Начать проект