Главное Свежее Вакансии Образование
Выбор редакции:
3 581 7 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Обзор Project Comet от Adobe: новый взгляд на UX

15 марта 2016 года Adobe анонсировала выход ознакомительной (preview) версии Adobe XD. Мы не только "пощупали" новый продукт, но и попробовали в бою на прототипе мобильного приложения.

Недолго думая, мы принялись рассматривать с разных сторон обещанное детище от Adobe. Итак, поехали!

Приветственный экран Adobe XD дает нам возможность выбрать направление для создания дизайна, набора UI китов под iOS, Google Material Design и Windows.

b_56f5434c11eec.jpg

Welcome screen: выбираем направление работы.

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

b_56f54356a7dfe.jpg

Интерфейc Adobe XD.

Панель инструментов находится с привычной левой стороны и состоит всего лишь из:

  • Выбор: V.
  • Прямоугольник: R.
  • Овал: E.
  • Линия: L.
  • Перо: P.
  • Текст: T.
  • Артборд: A.

Этого набора вполне достаточно для создания любого интерфейса. Сверху располагаются две вкладки Дизайн и Прототип (про это чуть позже). Справа всем понятные панели управления стилями объектов и текста. Собственно, на этом и все!

Ан-нет! Самое главное — кнопка Play для демонстрации созданного прототипа.

Итак, мы приняли решение опробовать XD в бою, нарисовав в нем небольшое приложение для кейтеринга. Да, это было достаточно просто!

В ходе работе мы отметили несколько прелестей продукта Adobe, которые нас приятно порадовали:

  1. В каждый объект, используемый в дизайне, легко ложатся картинки обычным перетягиванием из папки.
  2. Функция Repeat Grid — интересный инструмент, ускоряющий работу при создании многочисленных копий сгруппированных элементов.
  3. Рендер в программе происходит очень шустро и размеры файлов довольно легки.
  4. Поддержка исходников из Adobe Photoshop, Adobe Illustrator и Sketch.

Небольшим разочарованием было отсутствие панели слоев, но на данном этапе это не заметно. Также беда с типами подбора цвета и отсутствием градиентов. Но не будем забывать, что это пока только Preview-версия.

b_56f54361b0555.jpg

Макет приложения.

Макет готов, осталось перейти к самой сути XD — прототипированию.

Здесь также все элементарно: в режиме Prototype задаем логическую последовательность переходов между экранами.

b_56f5436b7e554.jpg

Создание прототипа.

И самое интересное: можно сразу увидеть готовый прототип нашего приложения с помощью встроенного эмулятора (та самая кнопка Play). Причем вносимые изменения отображаются в режиме реального времени. И это не может не радовать.

b_56f5437676606.jpg

Превью прототипа.

Рабочим прототипом можно поделиться с выбранными пользователями, и все это не выходя из Adobe Experiense Design. На мой взгляд, это здорово!

Вы можете посмотреть то, что у нас получилось — рабочий прототип проекта.

Также в Adobe XD имеется экспорт артбордов и слоев, реализованный достаточно грамотно. Есть экспорт в PNG, SVG под web, android и iOS. В отличии от Sketch, достаточно выбрать исходное разрешение макета — остальное экспортируется самостоятельно и с нужными префиксами.

В общем, было приятно пощупать новый продукт от Adobe, хотя и в сыроватом виде.

Единственным серьезным минусом, по нашему мнению, стало отсутствие версии под Windows, так как именно пользователи Windows с нетерпением ждали выпуска заявленной кроссплатформенности.

Разработчики обещают выпустить версию под Windows в течение 2016 года.

На страницах блога компании перечислены будущие возможности продукта:

  • Расширенные возможности дизайна, включая поддержку градиентов, разнообразность текста, эффектов и режимов наложения.
  • Улучшение функции выбора цвета.
  • Поддержка работы со слоями.
  • Увеличение контроля над обменом прототипов ссылок.
  • Авторская разработка прокрутки контента.
  • Микровзаимодействия для создания прототипов.
  • Режим предварительного просмотр дизайна и тестирования прототипа на мобильных устройствах в реальном времени (iOS и Android).
  • Возможность многократного использования и совместный доступ к использованию проектных активов и стилей, используя библиотеки Creative Cloud.
  • Расширяемость/API слоев для плагинов.
  • Поддержка программы на Microsoft Windows 10 (предполагаемый релиз назначен на конец 2016 года).

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

Ждем от Adobe продукта, который помог бы сделать разработку интерфейса еще проще.

Автор Константин Самарцев - дизайнер INOSTUDIO.

Больше статей на страницах нашего блога INOSTUDIO.

+5
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Эдуард Лиринг
В общем PIXATE наше всё, пока другие обещают нормальное прототипирование под Windows.
Ответить
Gordon Shamway
хах, наверное потому что адобе "прислушивается" к мнению юзеров последние 4 года рабочий привычный софт превращается в жрущую все ресурсы глючную хрень в которой первым делом хочется откатиться до старой версии хоть както. была когда то шутка, лет 10 назад про инструмент палец. Буржуи придумали и шутили, мол, дорогая адобе уже невероятная мощь процов и компов а палец все тормозит. Так вот палец все тормозит, а вместе с ним и адобе. Продукт надо было запускать в 2015 не под 10. Теперь это пук в воду. А жаль, смерть скетча была бы праздником лично для меня.
Автору спасибо, обзор интересный,
Ответить
Иностудио
Надежные и удобные программные решения
Алевтина Воропай
Спасибо, Евгений, за ваше мнение и такой обширный комментарий!
Ответить
4devs
Разработка и поддержка проектов на Symfony 2
Андрей 22153
интересно, какая планируется стоимость данного продукта?
Ответить
Иностудио
Надежные и удобные программные решения
Алевтина Воропай
Андрей, думаю, на офиц. сайте adobe вскоре появится эта информация.
Ответить
Neaktor
Автоматизируем бизнес-процессы компаний. Всерьез и надолго.
Николай 13981
Если сделают плату по подписке, то перейти людей фиг заставишь. В сравнении со скетчем пока нет таких уж убойных фич за исключением встроенного прототипирования, которое вообщем-то пока решается и другими средствами без проблем.
Ответить
Vladislav Baturin
Будет интересно увидеть продукт на Windows. Если он и вправду так хорош, то заменит старый, добрый Photoshop.
Ответить
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.