olegion 5 фев 2016 в 20:20

Photoshop, Sketch инструментарий UI/UX-дизайнеров: что выбрать для разработки интерфейсов?

5 мин

42K

Веб-дизайн*Работа с векторной графикой*Интерфейсы*Дизайн мобильных приложений*

-1

Комментарии 36

EzS 5 фев 2016 в 21:24

Как по мне, не совсем корректно сравнивать приложения, одно из которых доступно только для OS X, а второе кроссплатформенно.
Scetch крут, был бы под винды, пользовался бы.

biziwalker 5 фев 2016 в 21:25

Для быстрого проектирования пользуемся Axure RP. Очень удобный софт при обсуждении проекта с заказчиком. После того как концепция утверждена, то все компануем в Photoshop, а для вектора используем Illustrator

-1

Gray_Wolf 5 фев 2016 в 21:31

Как насчёт сравнения попроще:

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

Сколько процентов поставленных задач можно решить каждым продуктом?

olegion 5 фев 2016 в 22:42

Сразу хочу внести важную ремарку: я не рассматриваю Sketch как непосредственного конкурента Photoshop. Однозначно, назначение этих программ изначально разное, соответственно, то, что для одного будет преимуществом, для другого может быть серъезным недостатком.

Что касается фирменного стиля, то можно обойтись одним Photoshop. А если говорить про разработку интерфейса e-commerce например, то Sketch на пару с Axure может решить эту задачу.

damat 5 фев 2016 в 22:19

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

с другой стороны, авторы скетча тоже те еще упертыши. Причина, по которой скетча нет на винде — это лицензирование и «невозможность» защиты. Только вот почему-то Balsamiq нормально себе живут подо всеми платформами.

0leGG 8 фев 2016 в 08:34

Легко назвать упёртостью нежелание переписывать вообще всё полностью с нуля. Sketch очень завязан на Core Graphics, во многом благодаря которому ему и удаётся весить 20Мб против 1Гб, выглядеть легковесно и нативно. Выпуск версии под Windows — это такая головная боль, которую они, всего скорей, не потянут.

damat 8 фев 2016 в 14:38

Я не до конца верно выразился. Я могу понять в условиях отсутствия на вине аналогов Core Graphic нежелание начинать с win-версии или сразу с кроссплатформенной разработки. Но сейчас есть вполне реальный риск потерять свой сегмент рынка, не имея версии под win. Прошло уже несколько лет, и за это время можно решить любые проблемы по разработке под винду, учитывая, что есть полное понимание, какой функционал требуется.

xRay 5 фев 2016 в 23:20

А чем Axure не подошел?

Photoshop для этих целей то еще извращение…

Varhal 6 фев 2016 в 02:32

Axure очень хорошо для детализированных прототипов, если нужно просто накидать структуру то есть намного проще инструменты.

P0WERMIC 5 фев 2016 в 23:23

Перешел на Justinmind и очень доволен.

olegkrasnov 6 фев 2016 в 00:37

Со дня на день зарелизят Comet и разработку Sketch можно будет сворачивать.
Заодно начать применять Photoshop по прямому назначению (для ретуши).

Мне кажется, причина того что Комета взлетит — в кроссплатформенности и авторитете Adobe.

Zanael 6 фев 2016 в 01:16

Сперва отнесся к вашему комментарию негативно, но после того как посмотрел промо-материалы к Comet, стало грустно за Sketch.
Спасибо за наводку.

designiac 7 фев 2016 в 22:41

Но без Скетча Адоб бы не и чесался делать новый продукт. Конкуренция это гуд.

dego 9 фев 2016 в 16:02

100%

designiac 9 фев 2016 в 16:59

Есть еще ребята из Serif с их Affinty Designer (вполне конкурент иллюстратора и недавних пор и скетча тоже) и Affinty Photo (конкурент фотошопа в фоторетуши).

olegkrasnov 14 мар 2016 в 14:47

Пробовал пару раз рисовать в AD, продукт пока сырой и иллюстратору не конкурент.

Semmaz 6 фев 2016 в 01:28

Заодно начать применять Photoshop по прямому назначению (для ретуши).

Не зря же в Photoshop'е пилят Design Space.
IMHO, рабочий процесс вполне может быть таким:
Comet (прототипирование) => Photoshop (доработка напильником и экспорт asset'ов).

damat 6 фев 2016 в 16:12

Спасибо за наводку! Подписался.
Выглядит реально как надо

Lsh 8 фев 2016 в 15:54

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

despoth 4 мар 2016 в 09:35

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

vipzona 21 мар 2016 в 14:18

Пощупал "Комету" (Adobe Experience Design CC) – сделали упор на интерактив и "оживление" прототипа и полностью проигнорировали верстальщиков — нет возможности смотреть/копировать css объектов. Переходить со скетча пока желание не возникло.

Интересно какой шаг будет следующим? Или скетч добавит интерактив, или Adobe Experience Design CC добавит инструменты для верстальщиков.

Varhal 7 апр 2016 в 11:31

Там пока и для дизайнеров все очень сыро

nowm 6 фев 2016 в 06:22

Приобрести Photoshop можно исключительно по подписке! Стоимость ежемесячного использования редактора составляет 20$, и для разных регионов эта цифра может изменяться.

Я покупал в конце декабря годовую подписку на именно Photoshop. Обошлось в 3588 рублей за весь год. План назывался «План Creative Cloud для фотографов (на один год, с предварительной оплатой, продление вручную)». Там доступен только фотошоп. Если поделить, получается 299 рублей в месяц. В долларах это, по текущему курсу, составляет $3,91. То есть, далеко не 20 долларов в месяц — в 5 раз меньше.

olegion 8 фев 2016 в 13:23

Речь идет о «Плане на отдельное приложение» непосредственно для Украины.

nowm 8 фев 2016 в 14:13

Обратите внимание на план слева от того, что вы обводили. Это как раз план, ограниченный фотошопом. Это во первых. Во вторых, у меня показывались такие же суммы в долларах, пока я не перешёл к оплате. Теоретически, у меня должно было получиться 120 долларов за год за «План для фотографов». Когда я перешёл к оплате, мне написали, что я должен заплатить 3588 рублей (иенно в рублях уже была написана сумма), и с карты у меня в итоге списалось после покупки $52.69 именно в долларах.

Опять же, про план: вы сами видите на картинке, что есть план конкретно для фотошопа, который стоит в два раза дешевле. Зачем нужно выбирать «План на отдельное приложение», если этим отдельным приложением у вас будет фотошоп? Ладно, если бы вы покупали Premiere или After Effects — для них нет отдельных планов. Но с фотошопом нет смысла переплачивать в два раза.

nowm 8 фев 2016 в 14:23

Хотя, вру. Списывалось с карты в рублях. Это у меня просто банк в отчёте показал сумму в долларах в $52.69. В детялях платежа всё-таки было написано, что снималось рублями.

nowm 8 фев 2016 в 16:16

По поводу цен, по моим наблюдениям, Adobe старается не сильно привязываться к скачкам курса в странах, где есть их представительство. В Украине, например, представительство Adobe есть. В ситуации с рублём, они заморозили внутренний курс на, примерно, 30-ти рублях за доллар. Вполне может быть, что при при оплате с территории Украины гривнами, они посчитают курс $1 = 8грн. И, в итоге, вы вместо 20 долларов (для того плана, который вы обводили рамкой) фактически будете платить эквивалент 7-ми долларов, если я правильно понимаю текущий курс гривны.

i360u 6 фев 2016 в 10:39

Я сейчас, возможно, кого-то шокирую, но для дизайна интерфейсов лучше всего использовать HTML + CSS + JS + SVG + Polymer (веб-компоненты). Когда вы постигнете дзен создания макетов и прототипов сразу в коде, все эти споры по поводу фотошопов, скетчей, экшуров и бальзамиков будут вас только умилять.

-2

medved6216 6 фев 2016 в 12:51

Не соглашусь с Вам. Когда Вы работаете со своим проектом — пожалуйста, Вы тут царь. Но когда Вы(студия) работаете по заказу, то зачастую только прототип созданный в редакторе(photoshop, sketch, axure RP и другие) будет наименьшей затратой человеческих ресурсов и времени, чем скажем уже верстать этот прототип в HTML + CSS + JS — заказчику может не понравится Ваша работа и придется переделывать.

i360u 6 фев 2016 в 20:10

Я говорю именно про промышленную разработку и участие в этой разработке на всех этапах жизненного цикла сложного продукта (CI в UX/UI дизайне). И я изначально не надеюсь на то, что эта моя, для кого-то ортодоксальная мысль, будет легко принята аудиторией, потому как на эту тему можно написать длинную статью, и трудно, наверное, быть убедительным в паре строчек комментария. Но я знаю о чем говорю, потому что уже давно именно этим профессионально занимаюсь. Фокус в том, что реальные трудозатраты при сопоставлении этих подходов вполне сравнимы, но в случае использования подхода «дизайн в коде», качество решений несравнимо выше, что существенно сокращает количество проблем (и, соответственно, трудозатраты) на следующих, более дорогих этапах и в принципе способствует гораздо более органичному рабочему потоку именно в командной разработке. А начинал я тоже с фотошопов с акшурами, да…

olegkrasnov 6 фев 2016 в 19:55

Только, чтоб адекватно и быстро мокапить в коде, надо хорошо знать HTML + CSS + JS + SVG + Polymer и много других опасных слов. А в sketch макет можно наклацать мышкой за пару часов с нулевыми знаниями кода.

i360u 6 фев 2016 в 20:16

Чтобы адекватно и быстро заниматься UX-дизайном в принципе нужно очень много чего знать. С нулевыми знаниями наклацать можно только примитивный лэндинг или страничку Васи Пупкина, которую сердитый фронтэндер вам еще десять раз вернет на доработку.