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

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

С помощью «Версий» OS X удобно скопировать объекты из старой версии макета в новую, не «откатывая» макет полностью. Это когда случается «верните красненькую кнопочку вот туда».
У меня основная задача в рисовании, это нарисовать панель управления для своих приборов, различные таблички сделать и т.д.
До этого момента выручал CorelDraw, который под я запускаю на маке через Parallels.
Для меня важно иметь возможность задавать размер элементов рисунка и их относительное положение в мм.
Sketch я как раз приобрёл на замену, что б запускать Parallels пореже, когда альтернативного ПО точно нет.
Для меня полной неожиданностью было то, что я нигде не смог задать единицу измерения отличную от пикселя.
Из вашей статьи я вижу, что такой возможности и в самом деле не существует? Или как то можно выйти из положения без пересчета «в ручную»?
Самому на ум приходит пока только два способа.
1) заранее направляющими обозначить основные размеры, поработав с калькулятором
2) рисовать всё, считая, что 1 пиксель, это 0,1 мм, а после экспорта в картинку использовать нестандартное значение dpi, которое будет масштабным коэффициентом.
А почему вы выбрали именно скетч, а не, скажем, иллюстратор? И почему не посмотрели триал перед покупкой? Вы рисуете для печати? Я не слишком много задаю вопросов?
Триал не смотрел, т.к. отзывы в основном восторженные, а то, что мм не будет, совершенно не мог предположить. Все 20 лет перед этим они были :)
Иллюстратор несопоставим по цене. А пользуюсь я раза 2 в месяц, т.к. русую панели приборов и технологические таблички всякие для своего же оборудования.
Кстати, покупал так же iDraw в аппсторе, так вернул назад. Не смотря на то что и недорог (900 руб), и мм на месте. Тот очень коряво умеет работать с радиусами прямоугольников. Всё же Sketch очень хорош.
Спасибо отличный материал, не знал о некоторых моментах. Как помне для интерфейса программа отличная, но сложные иконки рисовать не так удобно как в Illustrator. Получается всеравно нужно использовать Photoshop для коректировки растра, в некоторых моментах Illustrato и собирать в Sketch.
Прочитал статьи, захотелось попробовать инструмент. Не дает покоя вопрос, как быть с конечным форматом макета, учитывая что приложение только под OS X?
Экспорт возможен в SVG, EPS, PDF и пиксельные форматы TIFF, JPG, PNG.
Не пойму, почему векторный редактор сравнивают с Фотошопом?
Тут контекст особый, сравниваются два инструмента для разработки интерфейсов. Photoshop кухонный комбайн основная его задача это обработка изображений, Sketch это векторный инструмент для работы с интерфейсами и векторными формами как таковыми.
Фотошоп — не инструмент для разработки интерфейсов. То что его под это дело используют… Ну, можно конечно и отвёрткой стену проковырять вместо сверла.

В фотошопе нет специализированного инструментария под интерфейсы, имеющийся инструментарий просто приспосабливают под это.
в большинстве компаний занимающихся разработкой интерфейсов Photoshop главный инструмент так уж сложилось. Если уж на то пошло Photoshop ещо и 3d редактор, и редактор видео, и векторный редактор. И в любых кейсах использования в полне логично сравнивать с конкурентами, в той области где они применяются повсеместно.
Ну дык и в веб-дизайне он стал стандартом де-факто, чего уж там. Но это никак не отменяет то, что фотошоп приспособили использовать в не самой удобной для него роли.
Дело в том, что у веб-дизайнеров и дизайнеров интерфейсов были в основном только отвёртки. Люди пытались делать интерфейсы в фотошопе, гимпе (эта отвёртка хотя бы бесплатная!), иллюстраторе, индизайне и даже корелдро (да, я видал и такое).

Пробовали сделать что-то более подходящее. Но, так как до этого пользовались только отвёртками, то её и пытались модернизировать. Приделывали к отвёртке разные ручки, делали их длиннее и шире. Но выходило как-то не очень. А потом появились ребята и Богемия Кодинг и сказали «чуваки, вот вам дрель». Пусть она пока ручная, но потом обязательно появится автоматическая. Но, всё же, это уже дрель со сверлом, а не отвёртка :-)
Потому что до появления Sketch интерфейсы и наброски сайтов почти все дизайнеры рисовали в Photoshop. Это раз. А два — это потому, что в фотошопе тоже есть векторный инструментарий, и можно создавать макеты интерфейсов, вообще не используя растр.: Например, такие.
Ну не только Photoshop, есть любители и Gimp.
Ну и судя по MacOSX Lock будут и дальше рисовать… :)
НЛО прилетело и опубликовало эту надпись здесь
Приличного нет… за приличным приходится к Inkscape обращаться. Но благо вектор не всегда нужен.
Photoshop то же проигрывает иллюстратору по этим инструментам.
Было бы странно, если бы он выигрывал Оо
Сделал пару макетов в скетче, с последующей версткой. Интересный инструмент, но всё таки не удобно переключаться в ФШ для работы с растром, да и вдруг придётся кому то исходник передавать, даже не знаю как объяснять придется))
Опять же плагины, привык к быстрому импорту иконок. CSS hat по мне так удобнее генерирует стили, к тому же в любимом компасе. Хотя это наверное решается
огромное спасибо, с удовольствием читаю эти уроки
Пытался нарисовать сайт в скетче, во многом круто. Но есть мелочи, которые спустя пару часов начинают выбешивать.
Поделитесь, может поможем?
Во многом это дело привычки. Например, работа зума или нефиксируемость инструмента (чтобы нарисовать второй квадрат надо снова выбрать инструмент квадрат). Вдобавок я активно использую смарт-объекты в фотошопе, а аналогичного инструмента в скетче не нашел. Есть возможность менять быстро стили. Но тут я склонен думать, что плохо искал.

Работа с векторными объектами, несмотря на сравнение с ксарой, все же не на высоте. Удалить точку на объекте — очень запутанная задача.

Скетч не выбросил, потихоньку ковыряю в надежде победить привычку. Но пока скорость работы в фотошопе у меня в разы больше.
Полагаю, вы пока плохо изучили скетч. Все инструменты записаны на горячие клавиши, которые выучить достаточно легко. R = Rectangle, U = Rounded rectangle, O = oval, T = text, V = vector (кривая безье), P = pencil, L = line, A = artboard. Как бы этого достаточно, чтоб рисовать любые формы. Нарисовали один прямоугольник? Нажмите R и рисуйте второй. Быстро привыкается, и как раз в плане повторяемости удобно. Ведь если после рисования N-ного количества прямоугольников вам надо выбрать один — вы тут же его сразу и выбираете, а в фотошопе для этого нужно выбрать сначала Picker Tool.
Смарт-объекты в каком плане? Если нужно вставить растровое изображение, то оно ведет себя в скетче как смарт-объект в фотошопе. То есть можно его уменьшать до любого состояния, но потом можно легко восстановить до первоначальных размеров, и качество не потеряется. Если важно иметь смарт-объект, копии которого легко видоизменить одним махом, то в скетче есть куда более продвинутая штука — символы. другие варианты использования смарт-объектов не приходят на ум. Я что-то упустил?
Точку на кривой (или совокупность точек) выбираете и жмете клавишу Del — точка удаляется с кривой. В чем запутанность? Не менее легко точки добавляются и меняются по типу. Я легко освоил векторную работу в скетче, и мне ока на сегодняшний день куда понятнее и удобнее фотошоповской.
Уже создал один макетик, который весит в разы меньше .psd, и который дался мне намного легче и быстрее, чем в фотошопе. Полагаю, со временем скорость еще больше возрастет, т.к. еще пока мешают привычки фотошоповские и память на его хоткеи.
Спасибо, сегодня попробую. Удаление точек так не работало. ( Символы не учел, тоже погляжу.

А вот про память на хоткеи — это основной минус для меня. ) Что-то нарисовав я по привычке жму V и начинаю рисовать векторный объект. )
точки удаляются превосходно. выбрать точки прямоугольным выделением можно, нажав на инспекторе иконку такого выбора. привыкнуть к инвертной системе очень легко. мне пары дней хватило. и такая система кажется куда более удобной. ведь смотрите:
— в фотошопе вы можете, выбрав инструмент, создавать любое количество одинакового типа объектов, но для перехода в режим их выбора, вам нужно выбирать Picker Tool или жать V. Однако, создавать подряд однотипные объекты вы будете значительно реже, чем их выбирать.
— в скетче, выбрав инструмент хоткеем, вы создаете объект и тут же готовы выбирать любой созданый объект. чтобы снова создать, нужно опять нажать хоткей. но в случае повседневной работы вам надо в разы чаще именно выбирать объекты, и тут очень здорово забыть про Picker Tool. Я уже почти неделю в скетче, и уже очень привык к этому, возвращаясь в фотошоп, я начинаю раздражаться необходимости всякий раз жать V или выискивать в палитре слоев нужный объект.
О, я тебя прекрасно понимаю. Одна из немногих вещей, которые меня сейчас очень раздражают — это привычка на уровне мышечной памяти чуть что сразу тыкать в «v». Нарисовал фигуру — тыкнул в «v». Хочешь что-то передвинуть — тыкнул в «v». И так далее. И постоянно создаётся точка кривой безье. И что я делаю? Нажимаю эскейп, а потом снова тыкаю в «v»…
Ушёл с Фотошопа на Файерворкс лет 5 назад, с Файерворкса на Скетч — год назад, последние несколько месяцев пробую webflow.com, для простых одностраничных сайтов и сайтов-визиток — даже лучше Скетча.
Работало бы это дело поверх GNUstep цены бы не было. ;)
Я то пересесть с Photoshop на Sketch могу, но как быть с верстальщиком? В каком формате ему отдавать макет?
Насущная проблема, которая пока лишь предполагает два варианта решения: а) выдавать верстальщику все ассеты сразу в PNG и SVG, снабжая кусками из Copy Style to CSS, б) убедив верстальщиков самим пересесть на скетч. К слову, многие продвинутые буржуинские студии уже принимают макеты в скетче, так что это дело времени — повсеместное распространение программы. Дело в другом. доля маков в России относитлеьно невелика, и потому скетч доступен лишь единицам.
Начал пользоваться скетчем потому, что на новом месте работы он — основной инструмент для всех. Наши верстальщики от него пищат — нет проблем с полупикселями, размерами вроде «501х499», и очень радуются тому, что весь сайт в одном файле и все стили у них отлично конвертируются в цсс.

Возможно, если ты работаешь с одними и теми же верстальщиками, или даже если просто у него мак, предложить ему поставить себе скетч для работы. Прога очень лёгкая, удобная и интуитивно понятная. Ради одного раза, бог с ним, пускай крякнет. Но, с большой долей вероятности, он потом купит её себе сам и от всех будет требовать исходников в скетче :-)
На самом деле не вижу смысла сравнивать sketch с photoshop, ибо скетч создан для удобств и работы направленной на реализацию интерфейсов, иконок и веб сайтов
Здравствуйте. Большое спасибо за серию статей об этом редакторе. Как оказалось он действительно очень интересен и прост в использовании. При первом знакомстве однако появился вопрос. Как у него с кернингом шрифтов? В Фотошопе, например, достаточно удобно кернить буквы с зажатым Альтом и стрелками. Тут похоже нет этой функции или она как-то по другому реализована?
Спасибо.
⌃⌥T и ⌃⌥L
Спасибо большое за подсказку. Правда, не самое удобное сочетание клавиш :(
Кстати, а продолжения не будет? ;-)
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.