Что лучше Adobe XD или Sketch?

26 Июня 2019

Скорее всего, вопрос: "что лучше?", является риторическим. Кроме того, что это два отличных инструмента для создания макетов сайтов, это еще и мощные инструменты UX-дизайнеров. И так, UX-дизайнеру нужно большое количество инструментов, чтобы завершить большое количество этапов разработки, от поиска идеи, до создания прототипа и непосредственно представления дизайна.

Если дизайнер работает на PC, вероятнее всего, его всюду преследуют упоминания Sketch. Sketch – популярный востребованный векторный графический редактор с невероятным количеством плагинов, который стремительно развиваясь, стал мировым стандартом в своей сфере. Единственный минус – он доступен только для Mac.

Но теперь, компания Adobe, активно взялась за разработку потенциального конкурента Sketch. И имя ему – Adobe XD.

Что такое Adobe XD?

Adobe Experience Design CC или коротко Adobe XD – это легковесный векторный редактор, с инструментами прототипирования, который был анонсирован в 2015 года, как Project Comet. Продукт был запущен как превью версия, в марте 2016 года как часть пакета Creative Cloud, а сегодня он находится в режиме бета-версии, получая обновления каждый месяц.

До этого, Adobe пыталась добавить дополнительные инструменты, для работы с UX-дизайном, в свои самые популярные программы Photoshop и Illustrator. Не смотря на то, что все эти инструменты очень хороши, для своих целей, они не совсем подходят для работы с UX. В течение многих лет - и особенно после того, как в 2013 году было объявлено об устаревании Adobe Fireworks (классического веб-ориентированного инструмента прототипирования, приобретенного у Macromedia) - все больше и больше UX-дизайнеров чувствовали, что Creative Cloud не соответствует требованиям рынка. Поэтому так или иначе им пришлось перейти на Sketch.

Хотя реакция Adobe на этот массовый переход была немного запоздалой (Sketch запустился целых 6 лет назад), этого стоило ожидать, особенно если дизайнер ограничен в адекватных инструментах для работы. Теперь сравним Adobe XD и Sketch.

Пользовательский интерфейс и уникальные функции

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

Дублирование групп

У Adobe XD есть перечень уникальный функций, которыми не обладает Sketch. Например, Repeat Grid или повтор сетки – инструмент, позволяющий продублировать группу объектов, например, карточку товара или статьи, выбрав отступ между копиями.

Прототипирование

В AdobeXD, в отличие от Sketch, можно сразу создать интерактивный прототип без помощи дополнительно устанавливаемых плагинов. Редактор прототипов в Adobe XD, позволяет дизайнерам визуально соединить интерактивные области на разных экранах прототипа, используя простые линии и настраивая переходы. Когда интерактивный прототип готов, это можно опубликовать и поделиться с друзьями или коллегами. Такой прототип сразу можно просмотреть в браузере или с помощью мобильного приложения Adobe XD. Прототипы XD, еще не поддерживают жесты или фиксированные элементы, такие как шапка или подвал, но это возможно сделать в InVision и других инструментах, предназначенных только для прототипов, которые связаны с Sketch.

Панель ресурсов

В обновлении от августа 2017 года, Adobe добавила панель «Ресурсы», которая представляет собой умный способ собрать интерактивное руководство по цветам, стилями шрифтов и символам. При изменении любого параметра на данной панели, изменяется все элементы текущего шаблона. У Sketch, тоже есть настройка цвета, настройка шрифтов и элементов, но параметры каждого отличаются и настраиваются отдельно.

Недавно, Adobe анонсировал новые улучшения XD в своем блоге, и звучит это многообещающе. Одним из таких улучшений, является расширенная панель «Ресурсы», которая дает возможность дизайнеру публиковать Style Guide каждого проекта, с загружаемыми шрифтами, ресурсами, и HEX-кодами цветов, вместе с интерактивным прототипом, для того, чтобы помочь разработчику разобраться в тонкостях дизайна прототипа. Это называется «Hand off for developer» и такая возможность доступна в Sketch и даже Photoshop, но при использовании плагина под названием Zeplin.

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

Сложности выбора

Adobe XD первый, и самый популярный редактор прототипов для пользователей Windows, и подписчиков Creative Cloud. Многие дизайнеры уже стали переходить на Adobe XD. Некоторые, потому что верят, что XD станет новым стандартом отрасли, некоторые, потому что в их подписке Adobe CC уже есть этот инструмент, некоторые от счастья, дождавшись выхода годного инструмента для Windows. Если Вы уже используете Sketch, попробуйте поработать в XD, оценить его удобный интерфейс, уникальные функции, однако придется мириться с тем, что XD пока не поддерживает плагины. Будем надеяться, что в ближайших обновлениях добавят еще больше крутых и полезных возможностей.