1

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

2 простых шага для экспорта объектов из Adobe XD

Как экспортировать объекты из Adobe XD для передачи их разработчику? Сейчас мы с вами разберемся в нюансах экспорта иконок в разные форматы.