Веб-дизайн + Mac OS − Adobe = Sketch. Чем новый инструмент лучше всех старых

[hardex]

От текста такое впечатление, будто в блог Лебедева попал

[aronsky]

… когда вместо букваря блог Лебедева.

[STFBEE]

Жаль нету для Окон, а то позавчера увидел и захотел поковырять :(

[StreetStrider]

Жаль нету под Linux. Несколько дней назад сокрушался в теме про рабочие столы.

[Santiago26]

Программа использует системные функции Mac OS, так что ни под Linux, ни под Windows не ожидается — чтобы это сделать, фактически, им придётся написать новую программу.

[aronsky]

Что, кстати, вообще есть под Linux? Вы наверняка изучили пробелму, раз сокрушались?
Мне часто надо немного изменить пару пикселей — Gimp для этих целей слишком мощный и нагруженный инструмент. В программах попроще не хватает слоёв (со стилями слоёв) и трансформации выделений (иммется ввиду не только трансформация, но и обводка, заливка).

[smargelov]

Хоть и немного запоздало, но всё же скажу.
Использую Inkscape. Хоть и использование в этих целях не совсем очевидно, но приловчиться можно. Слои тоже есть. Нет только экспорта в CSS, но вспоминая подобные экспорты в фотошопе и фаерворксе, смею заметить, что лучше уж без него.

[reznik_e]

Вы в нем прям интерфейсы делаете? Сайты?

[smargelov]

Да. А что вас так удивляет?

[reznik_e]

Не, я не удивлен, я просто спросил может неудачно. Пойду качать, интересно стало.

[d1p]

Уважаемый! Inkskape — это инструмент, не больше и не меньше. У него есть свои достоинства и недостатки. Как и любым инструментом им можно пользоваться для чего угодно. Я вот в нём сайты рисую периодически. И ещё много чего. Тут ведь главное понимать общие принципы и цели использования.

[dginz]

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

[reznik_e]

Это с непривычки. «Ксерокс» поначалу тоже странным словом было.

[iHun]

Это потому, что в русском языке (да и не только) не принято транслитировать имена собственные. Слово «ксерокс» уже давно стало нарицательным, в отличии от «Адобе», «ИнДизайн» и прочих странностей этой записи.
Только «фотошоп» может претендовать на нарицательность, но и то только в значении «отредактированная фотография» (Например: «Да это всё фотошоп!»).

[reznik_e]

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

[random13]

Не давно уднал что на самом деле как мы называем его «ксерокс» не верно, оригинальное название вообще «Зиэрокс»… мир для меня перевернулся

[abbaka]

«Адобе» напомнило про этот ролик:
www.youtube.com/watch?v=S_vVUIYOmJM

[Brutt]

Они большие, несуразные, прожорливые, и с ними приходится мириться, потому что за неимением сильных конкурентов Фотошоп с Иллюстратором стали уже стандартными инструментами в профессии

Большие и прожорливые — согласен, это мощные инструменты с огромным функционалом, который редко используется в полном объеме. Но почему несуразные?

[reznik_e]

ну, вот из-за того, что то, что очень нужно, там реализовано как-то в обход здравого смысла. для меня несуразный — это «неуклюжий». ну, может надо было другими словами написать.

[eshkin]

Первый абзац можно было не писать. who cares

[Azy]

Этот комментарий тоже.
Да и мой в принципе.

[backmeupplz]

Да и этот комментарий бессмысленный.
Жизнь — тлен.

[eshkin]

Если автроту не нравится адобе, то лучше промолчать вообще, статья-то не об этом.

[reznik_e]

Если бы автору нравился Фотошоп, он бы в нем рисовал и не посматривал бы на сторону, не нашел бы Скетч и не написал бы про него статью.

[eshkin]

Это к чему? Речь идет о первом абзаце.

[reznik_e]

Если я отредактирую и склею первые два абзаца в один, вы успокоитесь?

[eshkin]

Та мне все равно, это так, совет.

[d4rkr00t]

А как вы работаете с растром? В другой программе потом переносите результат?

[reznik_e]

Да. Рисую в Пиксельматоре, копирую слой/группу/все сразу и вставляю в Скетч (вставляется в png с прозрачностью). Быстрее, чем сохранять в файл и потом его импортировать.

[d4rkr00t]

а всякие плюшки типа режимов наложения?

[reznik_e]

Пиксельматор умеет, Скетч тоже умеет: со всеми слоями + со слоями «краски» на объекте.

[d4rkr00t]

ясно, спасибо, посмотрю, а пиксельматор совсем плох в векторной графике?

[reznik_e]

По мелочи можно, но вообще там этот процесс неудобно сделан.

[artifex]

А я для растра Pixelmator юзаю, бесконечно приятная вещь. С вектором там почти никак, но ему это и ни к чему. Рекомендую всем маководам вместо Фотошопа (я уверен, большинство из вас только картинки в нём обрезает).

[reznik_e]

Он щас уже и «Векторматор» тоже, но как-то иногда непонятно что делает с узлами.

[egormerkushev]

Под новую iOS 7 самое то UI рисовать в нем. Люблю его, хотя пока не купил. Но куплю – цена радует.

[reznik_e]

Под новую надо еще и радужных таблеток прикупить.

[MuRADiN]

У вас в арифметическом уравнении тире.

[reznik_e]

Это, похоже, у хабра тире, я ставил «-».

[MuRADiN]

Вот ведь как автозамена может подвести :)

По теме… у вас есть примеры макетов сайтов в Sketch? Просто я не нашел ни одного примера. Иконки, UI (кнопки, скроллы, инпуты) и мобильные приложения. Этим веб-дизайн не ограничивается, поэтому Photoshop пока никто не отменял.

[reznik_e]

Ну, я вроде не про себя статью писал, поэтому ссылку на портфолио как-то неудобно. Ловите в сообщения.

[ni_kit_a]

Если не сложно, то и мне пожалуйста

[ni_kit_a]

Лучше Скетча может быть, разве что, только айДроу (http://www.indeeo.com/idraw/).

Хотя проблема всех альтернативных приложений в непонимании PSD и невозможности в него сохранить. Попробуйте верстальщику (который сидит на винде) передать файл с расширением .sketch… Ничего не выйдет к сожалению. Глобализация в действии.

[olegkrasnov]

Как-то медленно рендер работает. При zoom и pan тормозит и антиальясинг говно. Надеюсь со временем улучшат. Но концепция мне нравится.
Но в данный момент Xara Designer Pro X уделывает этого редактора.

[reznik_e]

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


А Ксара вроде не совсем для интерфейсов и только на Винду. Но тоже хорошая, да.

[olegkrasnov]

Зара для всего подходит. Проверено временем :)

[olegkrasnov]

Скачал последнюю версию. Если это по вашему нормально работает, то как же тогда тормозит? :) Я просто привык что в заре рендер мгновенный.

[reznik_e]

Ну, рисуйте в Заре, кто ж вам не дает. У меня тормозов нет, поэтому тут ничем не помогу, извините. Скетч еще «молодой» — всякое может быть.

[olegkrasnov]

В последней версии стало комфортней, но контрол зума всё-ещё сильно дискретный и дёрганый. Думаю поправят.

[GlumShadow]

ксара есть и для линукс www.xaralx.org/
жаль что скетч только под мак…
Сам в ксаре всё делаю, по сравнению с другими векторными редакторами, очень удобный и быстрый.

[reznik_e]

Обнадеживает, что макинтошная Xara все-таки в разработке. Хотелось бы покрутить.

[reznik_e]

Встроенных нету, но в интернете уже много шаблонов, из которых можно потаскать чего нужно. Это в поиске попалось: github.com/sketch-templates. А сюда сам хожу иногда: blog.mengto.com/how-to-wireframe-an-iphone-app-in-sketch/

[Attlant]

Вот aleynikov.pro/articles/20130423/71.html делал больше для себя — подборку исходников для Sketch. Может кому пригодится…

[SOb_S]

И ещё один сайт с .sketch sketchmine.co

[reznik_e]

Мне Иллюстратор тоже нравится, но Скетч просто чуть удобнее. В Иллюстраторе мне не хватает страниц (у меня щас в проекте больше сотни экранов, не представляю, как бы я ползал по холстам в Ai), а еще везде панельки-панельки-панельки. Скетч отдельно удобен тем, что практически все можно делать «горячими клавишами», а в Иллюстраторе постоянно нужно курсором тыкать. А в общем, согласен — переходить нет смысла, если у вас и так все хорошо.