Adobe XD – это ответ Adobe на Sketch и InVision. Sketch уже несколько лет является ведущим инструментом UX / UI дизайнеров, который совершенствуется сообществом, созданием плагинов и интеграцией с InVision.

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

За пределами Sketch и InVision существует множество других инструментов UX / UI дизайна. Figma, Framer и Protopie и т.д., но Sketch и InVision, кажется, доминируют в этой области. Вопрос в том, подходит ли их эра правления к концу?

Я никоим образом не связан с Adobe, и в этой статье я высказываю свое собственное мнение.

Краткая история

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

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

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

Adobe XD убьет Sketch и InVision?
Sketch — https://www.sketchapp.com

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

 «Если изображение стоит тысячи слов, то прототип лишит вас дара речи», – Шейн Уильямс

Появление InVision Studio

Когда дело дошло до сложных анимаций, дизайнеры все еще полагались на создание макетов в такой программе, как Adobe After Effects. Подобный рабочий процесс был поставлен под сомнение, когда InVision анонсировала Studio – новую программу, которая позволила дизайнерам создавать более продвинутую анимацию и микровзаимодействия. Studio также интегрирована со ссылкой InVision на Sketch через плагин Craft. Как и Photoshop, After Effects – слишком тяжелое приложение для анимации пользовательского интерфейса.

Adobe XD убьет Sketch и InVision?
InVision Studio — https://www.invisionapp.com/studio

Adobe вступает в игру

Дизайнеры в Adobe увидели необходимость в новом инструменте дизайна и в октябре 2015 года выпустили новую программу, получившую название «Project Comet». Ее разработка шла в открытом доступе с ежемесячными релизами, основанными на фидбеке дизайн-сообщества Adobe. Инструмент проповедовал новую философию дизайна и обещал дизайнеру «проектировать со скоростью мысли». Новая концепция и инструмент под названием повторяющаяся сетка (Repeat Grid) привлекли внимание многих дизайнеров.

Это позволило дизайнерам создать элемент, а затем использовать repeat grid для перетаскивания сетки экземпляров того же элемента в виде сетки. Текст и изображения в сетке могли изменяться, но элементы оставались связанными, что позволяло проводить каскадные изменения дизайна, настраивая один элемент. Тем самым экономя дизайнерам уйму времени и позволяя экспериментировать с макетами быстрее, чем когда-либо прежде.

Adobe XD убьет Sketch и InVision?
В приложении Comet

Когда Comet вышел из бета-версии, он был переименован в Adobe XD (XD расшифровывается как Experience Design). Хотя он был очень мощным инструментом, он все еще не мог конкурировать со Sketch и его экосистемой плагинов. Прототипирование было в лучшем случае базовым, но прототипирование через InVision было в разы лучше.

Все изменилось 15 октября на Adobe MAX 2018, когда Adobe выпустила свое последнее обновление для XD.

Adobe XD на Adobe Max 2018

Плагины

Теперь в Adobe XD плагины доступны среди списка новых функций, а многие плагины Sketch уже перенесены в XD. Плагины были самым большим преимуществом Sketch, а теперь Adobe играет на равных.

Adobe XD убьет Sketch и InVision?
Инновационные инструменты дизайна посредством плагинов. Изображение Adobe

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

Голосовые триггеры и речь

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

Adobe XD убьет Sketch и InVision?
Голосовые команды и воспроизведение речи. Изображение Adobe

Auto-animate

Adobe XD убил InVision Studio с помощью этой функции. Хотя у него еще нет возможности точного управления, как у InVision Studio, высокая скорость работы Adobe XD и простота настройки – это то, над чем InVision Studio нужно усердно работать, чтобы оставаться актуальным.

Adobe XD убьет Sketch и InVision?
Функция Auto-Animate в действии. Изображение Adobe

Недавно я протестировал функцию auto animate, вы можете прочитать об этом и скачать файлы проекта здесь:

Связанные символы

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

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

Adobe XD убьет Sketch и InVision?
Обмен активами между документами при помощи связанных символов. Изображение Adobe

Прототипирование жестов перетягивания

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

Другие функции XD, которые нельзя игнорировать…

  1. Пользователи Adobe XD могут открывать в XD файлы Photoshop и Illustrator –дизайнеры, которые используют эти программные пакеты, теперь могут открывать свои файлы в XD и продолжать создавать прототипы. Больше не нужно загружать файлы в InVision.
  2. Файлы Sketch можно открывать в XD – теперь у пользователей Sketch нет оправданий не попробовать XD.
  3. Откройте файлы XD в After Effects – сложные анимации можно создавать в After Effects, экспортировав проект XD в AE и добавив точный контроль над анимациями (если Adobe XD не удовлетворяет ваши потребности).
  4. Передача разработчикам – это конкурирует с подходом InVision к сотрудничеству. «Share for development» позволяет разработчикам проверять файлы дизайна по веб-ссылке и загружать ресурсы, помеченные для экспорта, даже не открывая и не имея копии Adobe XD. Разработчики также могут оставлять комментарии и вопросы.
  5. Комментарии – с помощью «Share for review» комментарии можно прикрепить к проектам, чтобы ускорить сотрудничество с заинтересованными сторонами.
  6. Интеграция приложений – Adobe XD теперь интегрируется с большим количеством ваших любимых приложений для совместной работы и повышения производительности, включая Slack, JIRA и Microsoft Teams. InVision кажется гораздо менее актуальным, если взглянуть на эту функцию совместной работы.
Adobe XD убьет Sketch и InVision?
Adobe XD — превью в девайсе в реальном времени. Изображение Adobe

Adobe XD убьет Sketch и InVision?

Adobe XD убьет Sketch и InVision?
Adobe XD — Беспроблемный трансфер активов из Illustrator и After Effects. Изображение Adobe

Почему Adobe XD будет доминировать, независимо от функций

В то время, как функции будут развиваться в Sketch, InVision, Studio и Adobe XD, у Adobe есть одно огромное преимущество, заключающееся в рабочем процессе. Если вы не являетесь пользователем Adobe XD, вам нужно несколько программ для общения и управления вашими проектами. Многие рабочие процессы проектирования выглядят примерно так:

  1. Проектирование в Sketch
  2. Публикация в InVision
  3. Прототипирование в InVision или создание анимаций в InVision Studio
  4. Поделиться работой и собрать фидбек через InVision
  5. Назад к пункту1 или 2

Это часто делит процесс проектирования на разные этапы, а это означает, что плоские дизайны часто выполняются первыми, а прототипирование и анимация делаются позже.

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

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

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

Adobe XD убьет Sketch и InVision?
Рабочий процесс в Adobe XD. Изображение Adobe

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

Adobe XD убьет Sketch и InVision?
Лист приложений Adobe Creative Cloud

Сила InVision также является его самой большой бедой

Хотя Sketch и InVision кажутся большинству дизайнеров неразделимыми, это также является самой большой угрозой для InVision. InVision сильно интегрирован со Sketch, частью программного обеспечения, поддерживаемого и принадлежащего третьей стороне. Когда Sketch обновляется, InVision нужно играть в догонялки. Возможно, именно поэтому InVision сместили фокус на совместную работу, уделяя меньше внимания Sketch. Теперь, когда есть Sketch Cloud, существование InVision может оказаться под угрозой. Многие из преимуществ InVision реализуются в Sketch Cloud, и невозможно сказать, насколько далеко Sketch продвинется в этой области. Только время покажет, сможет ли InVision Studio заполнить пробел, который может оставить Sketch, если пользователи откажутся от платформы в пользу Sketch Cloud.

Adobe XD убьет Sketch и InVision?
Представляем Sketch Cloud

Изменения InVision

В центре внимания InVision сотрудничество с лозунгом «ПРОЕКТИРУЙ ЛУЧШЕ. БЫСТРЕЕ. ВМЕСТЕ». Платформа развивается и меняет свой фокус.

Adobe XD убьет Sketch и InVision?
InVision — https://www.invisionapp.com

Новый продукт InVision, DSM (Design Systems Manager), может стать для InVision способом сохранить актуальность в будущем. InVision не показывает никаких признаков интеграции с Adobe XD и все еще кажется привязанным к Sketch. Если эти платформы откроются для Adobe XD, они могут обеспечить гораздо более устойчивое будущее.

Adobe XD убьет Sketch и InVision?
Design System Manager от InVision

Adobe уделяет внимание рабочему процессу и совместной работе

Декабрьский релиз Adobe XD предоставил новый способ работы с тем, что они называют «облачными документами». Это позволяет сохранять документы, обмениваться ими и работать с ними через облако, во многом подобно DropBox, но с более глубокой интеграцией внутри Adobe XD. Это также кажется эволюцией синхронизации облачных папок Adobe Creative Cloud.

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

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

Обзор Adobe XD 2018: основные обновления и перспективы

Повторится ли история?

В те времена, когда печать была доминирующей платформой, QuarkXPress правил бал. Это был пакет программного обеспечения для настольных издательских систем, позволяющий печатать макеты. В то время он не имел себе равных среди своих конкурентов: Freehand от Macromedia, Illustrator и Photoshop от Adobe.

Когда Adobe представил InDesign, он напрямую конкурировал с QuarkXPress и предоставил альтернативу, он открыл новый мир возможностей в области настольных издательских систем.

Многие считали, что InDesign никогда не сможет заменить QuarkXPress, но мощь, доминирование на рынке и интеграция с другими пакетами программ Adobe вскоре оставили QuarkXPress далеко позади. Хотя Quark все еще жив и здоров, сегодня многие дизайнеры даже не слышали о QuarkXPress.

Adobe XD убьет Sketch и InVision?
Экраны запуска InDesign и Quark

Повторится ли история в сфере UX / UI с появлением Adobe XD?

В заключение

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

А что вы думаете об Adobe XD?

Похожие записи

Превью-релиз Adobe Experience Design CC (Project Comet)

От имени создателей я рад поведать вам, что Project Comet стал Adobe Experience Design CC (Preview), или Adobe XD, как мы его называем. Именно сегодня продукт стал доступен для Mac OS, и мы счастливы сделать первый предварительный обзор.

Топ-10 советов от профи по Adobe XD

Я хочу поделиться советами, которые за прошедший год нашли наибольший отклик среди сообщества Adobe Experience Design CC

Сравнение Sketch vs Adobe XD vs Figma

Когда вышла первая версия Sketch, он полностью изменил мир дизайна интерфейсов, но…