1 2 660x360 - Adobe XD убьет Sketch и InVision?

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 раскрывается с установкой плагинов, позволяющих добавлять специфические пользовательские функции, недоступные изначально.

2 3 80x49 - 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 – слишком тяжелое приложение для анимации пользовательского интерфейса.

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

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

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

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

4 3 80x50 - 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 играет на равных.

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

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

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

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

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

Auto-animate

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

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

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

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

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

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

8 3 80x27 - 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 кажется гораздо менее актуальным, если взглянуть на эту функцию совместной работы.
9 80x33 - Adobe XD убьет Sketch и InVision?
Adobe XD — превью в девайсе в реальном времени. Изображение Adobe

10 80x27 - Adobe XD убьет Sketch и InVision?

11 80x27 - 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 способен сделать посредством своей экосистемы.

12 80x30 - 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 установлен очень низко.

13 80x43 - 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.

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

Изменения InVision

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

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

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

16 80x59 - 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.

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

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

В заключение

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

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

Свежие вакансии
                        MYTONA MYTONA Motion-designer Полная Санкт-Петербург
                        Beta Beta Senior / Middle Web Designer Офис Москва
                        Traffic Time Traffic Time Дизайнер-сборщик страниц на платформе GetCourse Удаленно Москва
                        Digital agency aim Digital agency aim Middle UX/UI дизайнер Удаленно Брянск от 80 000 ₽
                        RJ Games RJ Games UI Motion Designer / Animator Удаленно Москва
Все вакансии

Оригинал: Shane Williams

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

19
        1. Я за Sketch топлю) Все достаточно консервативно. XD пока вообще не рассматриваю в качестве инструмента как и Invision. Эти проекты еще не приблизились к Sketch) Figma ни туда ни сюда. Есть функционал как у скеча, но если смотреть дальше в сторону плагинов, то бой пока за скечом. Введут в Фигму плагины … ок. У скеча все равно база будет больше.

          НО…это все до определенного момента. До момента пока скеч поддерживают компания и комьюнити)

        2. Figma не стоит на месте. Очень активно развивается. Радует и то, что ребята реализуют те фичи, о которых их просишь. Плюс совместная командная работа над проектом перечёркивает все потуги скетча и XD.

          Но опять же выбор инструмента — дело каждого. В целом многие уже отошли от проблемы выбора. Важно решение вашей задачи, а в чём вы её будете решать — вам решать.

  1. Ни когда XD не будет доминировать да и сама adobe это пережиток прошлого века, все ее продукты через чур сложные и требуют длитеного изучения, зачем тратить время на их изучение когда в том же sketch и figma можно сделать не менее крутой дизайн в короткий сррк, и там есть абсолютно весь функционал для создания любого дизайна. Так же adobe xd не предлагает ни каких новых решений все что он делает это копирует функционал sketch, к тому же xd настолько сырой что им просто не реально пользоваться, так что ваш пост несёт только рекламный характер и ни какой ценности не представляет.

    P.s. Invision такой же ограниченный – есть более гибкие сервисы, например ProtoPie тут можно сделать то очем invision может только снится

  2. Figma не стоит ничего

    Sketch всего каких-то 100 баксов.

    Продукты зажравшейся Адоби – по 1000 долларов каждый. Ну и кому это нужно?

    Все продукты Адоби (кроме Фотошопа) это кривое монструозное ПО с ужасным интерфейсом. Я вообще поражаюсь, что такая убогая программа как Иллюстратор обошла Корел и стала лидером, хотя Корел на несколько порядков лучше Люстры.

    К сожаление да, интеграция помогала Адоби. Но я очень рад, что сейчас они не лидеры хотя бы на рынке UX ПО. Тут их еще не хватало.

    А статья написала через чур субъективно. Автору рекомендую не употреблять фразы “Адоби убило Скетч / Фигму / Инвижн”, когда это далеко от правды от слова “совсем”. Любите пользоваться кривыми продуктами Адоби? Да как угодно. Только других к себе не тащите.

    1. Где ты сделаешь крутые эффекты еще кроме Афтер Эффектс?

      Адоб Аудишн – прекрасный добротный интерфейс для сводилова музыки и подкастов.

      Адоб индизайн – лучший среди программ для верстки журналов и книг.

      Адоб премьер – тяжеловат, но один из самых годных монтажных программ.

      Я этим всем пользуюсь не просто так, это хорошие программы, про Люстру не буду говорить, потому как вкусовщина.

      Каждый день я пользуюсь этими программами, это я еще не говорю про обновления постоянные и связь проектов между проектами, допилил что-то в фотошопе, автоматом добавилось в Люстру.

      Пользуюсь прогами от Адоб с 2007 года и видел, как все развивается, покупается дополняется, даже никому ненужный Беханс стал лидером теперь и не просто так.

      П.С. Когда я год сидел на платной подписке всего Криетив Клауд я горя не знал.

      Насчет XD — он сырой, но они его подлечат.

  3. Слишком оптимистично. Скорее Адоб выглядит в данной ситуации явным аутсайдером. Ну да, через 5 лет после старта добавили единственную киллер фичу с анимацией. И… все. Адобу плевать на пользователей и она живет только за счет ньюфагов, которые заходят в её продукты через фотошоп, потому что это уже имя нарицательное. Все, кто понимает, как важна скорость и удобство в работе, давно спрыгнули с её монстров и перешли на сторону добра: Скетч, Аффинити и другие добрые альтернативы.

    Кстати, по поводу наплевательского отношения к комьюнити: реквест на добавление MouseOver , для работы с вэб прототипами, был добавлен (!) 5 лет назад, и имеет наибольшее количество голосов, обходя в разы другие реквесты. И в планах его не предвидится.

    Пока ProtoPie мне кажется лучшей альтернативой.

    Еще можно вспомнить, как все их продукты питаются ресурсами компа и какую производительность дают взамен. Нафиг Адоб

  4. Sketch, а ровно как и Craft от inVision — это инструменты из одной операционной системы. Никогда они не были доминирующими на рынке, как минимум по одной причине: нет возможности открывать на винде.

    Думаете, что раз многие крутые дизайнеры сидят на Макинтоше, то значит это и определяет рынок? С чего бы? На одного крутого дизайнера будет сотня молодых и неопытных, у которых хорошо, если есть нормальный ПК. Так вот они будут ставить фигму, фотошоп, и скорее всего Adobe XD, а может и не будут последний, фигма, вроде, хорошо справляется. Будут делать заказы за шапку сухарей и этот процесс не остановится: часть займутся другим, потому что в этой сфере у них не получилось, а на смену им придут новые, такие же, на винде. И у них будет своя ЦА.

    Плюс надо не забывать и про верстальщиков, которые на скетч даже при наличии средств с трудом перескакивают.

    А Adobe молодцы, если бы не их конский ценник, то можно было бы и не искать альтернативы. Но я лучше буду пользоваться альтернативными редакторами.)))

  5. Искренне удивлен, с какой яростью и огнем в глазах, большая часть местного ком-ти, защищают и спорят о софте))

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

    Пару лет назад, я отказался от 5 звезд в Пхукете с сочной девочкой, купив топовый на тот момент аймак, в первую очередь из-за Скетча. И я ни разу не пожалел о выборе)

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

    Но даже после такой “истории любви”, если XD, Фигма или любой другой редактор, убедят меня, что там я буду еще быстрее и лучше, без доли сомнений сменю продукт. Ибо, а в чем еще смысл инструмента как такового?

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

  6. Касательно сабжа: для меня самым весомым аргументом на переход в ХД станет мощная связка их продуктов. Когда я смогу – делать интерфейс, – захватить мышью видео с бразуера дропом в макет, оно будет проигрываться с возможностью контрола, а дабл клик откроет за пару секунд редактор в АЕ, где я смогу также легко и быстро работать с материалом, как и в фш, сохраню, и он еще сам мне оптимально сожмет видео и так будет со всеми партами работы: выбор будет очевиден.

    А пока я не вижу смысла уходить от Скетча, и работа в нем меня более чем устраивает. Всем мир и радуемся конкуренции на данном рынке: от этого мы с вами только выигрываем)

    1. Думаю, еще несколько лет будут актуальны оффлайновые продукты + для многих крупных компаний хранить макеты на своей стороне – важный аспект. Вероятно, и XD и Скетч уйдут когда-то в онлайн, но это через неск. лет.

Добавить комментарий
Похожие записи

10 плагинов Adobe XD, которые необходимо испытать

Чтобы улучшить ваш рабочий процесс, мы подобрали самые лучшие плагины для Adobe XD

Обновление Adobe XD ноябрь 2019. Совместная работа, история документа, состояния компонентов

В этом году релиз XD на конференции MAX 2019 стал одним из наших самых крупных релизов за всю историю!

Обновление Adobe XD август 2019. Панель плагинов, интеграция с Photoshop, возможность копировать CSS

В обновлении Adobe XD, мы представляем новый способ использования плагинов, интеграция XD и Photoshop и автоматически генерируемый CSS