Как стать автором
Обновить

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

Время на прочтение5 мин
Количество просмотров42K
Всего голосов 15: ↑7 и ↓8-1
Комментарии36

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

Как по мне, не совсем корректно сравнивать приложения, одно из которых доступно только для OS X, а второе кроссплатформенно.
Scetch крут, был бы под винды, пользовался бы.
Для быстрого проектирования пользуемся Axure RP. Очень удобный софт при обсуждении проекта с заказчиком. После того как концепция утверждена, то все компануем в Photoshop, а для вектора используем Illustrator
Как насчёт сравнения попроще:
Перечень наших задач достаточно широк, начиная с создания фирменного стиля и заканчивая полным циклом разработки сложных диджитал продуктов.

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

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

с другой стороны, авторы скетча тоже те еще упертыши. Причина, по которой скетча нет на винде — это лицензирование и «невозможность» защиты. Только вот почему-то Balsamiq нормально себе живут подо всеми платформами.
Легко назвать упёртостью нежелание переписывать вообще всё полностью с нуля. Sketch очень завязан на Core Graphics, во многом благодаря которому ему и удаётся весить 20Мб против 1Гб, выглядеть легковесно и нативно. Выпуск версии под Windows — это такая головная боль, которую они, всего скорей, не потянут.
Я не до конца верно выразился. Я могу понять в условиях отсутствия на вине аналогов Core Graphic нежелание начинать с win-версии или сразу с кроссплатформенной разработки. Но сейчас есть вполне реальный риск потерять свой сегмент рынка, не имея версии под win. Прошло уже несколько лет, и за это время можно решить любые проблемы по разработке под винду, учитывая, что есть полное понимание, какой функционал требуется.
А чем Axure не подошел?

Photoshop для этих целей то еще извращение…
Axure очень хорошо для детализированных прототипов, если нужно просто накидать структуру то есть намного проще инструменты.
Перешел на Justinmind и очень доволен.
Со дня на день зарелизят Comet и разработку Sketch можно будет сворачивать.
Заодно начать применять Photoshop по прямому назначению (для ретуши).

image
Мне кажется, причина того что Комета взлетит — в кроссплатформенности и авторитете Adobe.
Сперва отнесся к вашему комментарию негативно, но после того как посмотрел промо-материалы к Comet, стало грустно за Sketch.
Спасибо за наводку.
Но без Скетча Адоб бы не и чесался делать новый продукт. Конкуренция это гуд.
100%
Есть еще ребята из Serif с их Affinty Designer (вполне конкурент иллюстратора и недавних пор и скетча тоже) и Affinty Photo (конкурент фотошопа в фоторетуши).
Пробовал пару раз рисовать в AD, продукт пока сырой и иллюстратору не конкурент.
Заодно начать применять Photoshop по прямому назначению (для ретуши).
Не зря же в Photoshop'е пилят Design Space.
IMHO, рабочий процесс вполне может быть таким:
Comet (прототипирование) => Photoshop (доработка напильником и экспорт asset'ов).
Спасибо за наводку! Подписался.
Выглядит реально как надо
Может я и ошибаюсь, да и рано еще говорить до релиза, но мне кажется (по просмотренным материалам), что приложение в основном пригодно для модного плоского и простого дизайна. Если мода повернется обратно, либо просто надо нарисовать чего-то нестандартное (интерфейс игры со сложно текстурированными кнопками, например), то будет всё уже не так круто, как на презентациях.
Два месяца наблюдаю за движением кометы, и пока выводы крайне неутешительные. прогресс нулевой, функциональность нулевая. радует пока лишь скорость работы.
Пощупал "Комету" (Adobe Experience Design CC) – сделали упор на интерактив и "оживление" прототипа и полностью проигнорировали верстальщиков — нет возможности смотреть/копировать css объектов. Переходить со скетча пока желание не возникло.

Интересно какой шаг будет следующим? Или скетч добавит интерактив, или Adobe Experience Design CC добавит инструменты для верстальщиков.
Там пока и для дизайнеров все очень сыро
Приобрести Photoshop можно исключительно по подписке! Стоимость ежемесячного использования редактора составляет 20$, и для разных регионов эта цифра может изменяться.

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

Опять же, про план: вы сами видите на картинке, что есть план конкретно для фотошопа, который стоит в два раза дешевле. Зачем нужно выбирать «План на отдельное приложение», если этим отдельным приложением у вас будет фотошоп? Ладно, если бы вы покупали Premiere или After Effects — для них нет отдельных планов. Но с фотошопом нет смысла переплачивать в два раза.
Хотя, вру. Списывалось с карты в рублях. Это у меня просто банк в отчёте показал сумму в долларах в $52.69. В детялях платежа всё-таки было написано, что снималось рублями.
По поводу цен, по моим наблюдениям, Adobe старается не сильно привязываться к скачкам курса в странах, где есть их представительство. В Украине, например, представительство Adobe есть. В ситуации с рублём, они заморозили внутренний курс на, примерно, 30-ти рублях за доллар. Вполне может быть, что при при оплате с территории Украины гривнами, они посчитают курс $1 = 8грн. И, в итоге, вы вместо 20 долларов (для того плана, который вы обводили рамкой) фактически будете платить эквивалент 7-ми долларов, если я правильно понимаю текущий курс гривны.
Я сейчас, возможно, кого-то шокирую, но для дизайна интерфейсов лучше всего использовать HTML + CSS + JS + SVG + Polymer (веб-компоненты). Когда вы постигнете дзен создания макетов и прототипов сразу в коде, все эти споры по поводу фотошопов, скетчей, экшуров и бальзамиков будут вас только умилять.
Не соглашусь с Вам. Когда Вы работаете со своим проектом — пожалуйста, Вы тут царь. Но когда Вы(студия) работаете по заказу, то зачастую только прототип созданный в редакторе(photoshop, sketch, axure RP и другие) будет наименьшей затратой человеческих ресурсов и времени, чем скажем уже верстать этот прототип в HTML + CSS + JS — заказчику может не понравится Ваша работа и придется переделывать.
Я говорю именно про промышленную разработку и участие в этой разработке на всех этапах жизненного цикла сложного продукта (CI в UX/UI дизайне). И я изначально не надеюсь на то, что эта моя, для кого-то ортодоксальная мысль, будет легко принята аудиторией, потому как на эту тему можно написать длинную статью, и трудно, наверное, быть убедительным в паре строчек комментария. Но я знаю о чем говорю, потому что уже давно именно этим профессионально занимаюсь. Фокус в том, что реальные трудозатраты при сопоставлении этих подходов вполне сравнимы, но в случае использования подхода «дизайн в коде», качество решений несравнимо выше, что существенно сокращает количество проблем (и, соответственно, трудозатраты) на следующих, более дорогих этапах и в принципе способствует гораздо более органичному рабочему потоку именно в командной разработке. А начинал я тоже с фотошопов с акшурами, да…
Только, чтоб адекватно и быстро мокапить в коде, надо хорошо знать HTML + CSS + JS + SVG + Polymer и много других опасных слов. А в sketch макет можно наклацать мышкой за пару часов с нулевыми знаниями кода.
Чтобы адекватно и быстро заниматься UX-дизайном в принципе нужно очень много чего знать. С нулевыми знаниями наклацать можно только примитивный лэндинг или страничку Васи Пупкина, которую сердитый фронтэндер вам еще десять раз вернет на доработку.
Просто для понимания того как может создаваться макет приложения из Polymer (веб-компонентов)

благодаря Sketch я полюбил делать простые интерфейсы
фотошоп теперь и открывать не хочется
мне любопытно, когда наконец первый дельный пост появится в UI хабе в этом году
Время фотошопа прошло, и если вы еще не с нами, поторопитесь...
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации