Лучшие статьи и кейсы стартапов
Включить уведомления
Дадим сигнал, когда появится
что-то суперстоящее.
Спасибо, не надо
Вопросы Проекты Вакансии
Надежные и удобные программные решения
Рекомендуем
Продвинуть свой проект
Лучшие проекты за неделю
30
Эбиа

Эбиа

www.ebia.ru

21
YAGLA

YAGLA

yagla.ru

16
Cookiezz

Cookiezz

cookiezz.com.ua

15
Enlite

Enlite

enlited.ru

15
likearea

likearea

smm.li

15
SE Ranking

SE Ranking

seranking.ru

11
Relap

Relap

relap.io

11
Perezvoni.com

Perezvoni.com

perezvoni.com

11
E-Commerce and Venture projects

E-Commerce and Venture projects

Продажа товаров от производителей оптом и в розницу

Показать следующие
Рейтинг проектов
Подписывайтесь на Спарк в Facebook

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

2 086 7 В избранное Сохранено
Авторизуйтесь
Вход с паролем
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. Теперь это пук в воду. А жаль, смерть скетча была бы праздником лично для меня.
Автору спасибо, обзор интересный,
Ответить
INOSTUDIO
Надежные и удобные программные решения
Елена Поликанина
Спасибо, Евгений, за ваше мнение и такой обширный комментарий!
Ответить
4devs
Разработка и поддержка проектов на Symfony 2
Андрей
интересно, какая планируется стоимость данного продукта?
Ответить
INOSTUDIO
Надежные и удобные программные решения
Елена Поликанина
Андрей, думаю, на офиц. сайте adobe вскоре появится эта информация.
Ответить
Neaktor
Управление бизнесом и проектами онлайн.
Николай
Если сделают плату по подписке, то перейти людей фиг заставишь. В сравнении со скетчем пока нет таких уж убойных фич за исключением встроенного прототипирования, которое вообщем-то пока решается и другими средствами без проблем.
Ответить
Vladislav Baturin
Будет интересно увидеть продукт на Windows. Если он и вправду так хорош, то заменит старый, добрый Photoshop.
Ответить
Выбрать файл
Читайте далее
Загружаем…
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать