Comments 38
С помощью «Версий» OS X удобно скопировать объекты из старой версии макета в новую, не «откатывая» макет полностью. Это когда случается «верните красненькую кнопочку вот туда».
+1
У меня основная задача в рисовании, это нарисовать панель управления для своих приборов, различные таблички сделать и т.д.
До этого момента выручал CorelDraw, который под я запускаю на маке через Parallels.
Для меня важно иметь возможность задавать размер элементов рисунка и их относительное положение в мм.
Sketch я как раз приобрёл на замену, что б запускать Parallels пореже, когда альтернативного ПО точно нет.
Для меня полной неожиданностью было то, что я нигде не смог задать единицу измерения отличную от пикселя.
Из вашей статьи я вижу, что такой возможности и в самом деле не существует? Или как то можно выйти из положения без пересчета «в ручную»?
До этого момента выручал CorelDraw, который под я запускаю на маке через Parallels.
Для меня важно иметь возможность задавать размер элементов рисунка и их относительное положение в мм.
Sketch я как раз приобрёл на замену, что б запускать Parallels пореже, когда альтернативного ПО точно нет.
Для меня полной неожиданностью было то, что я нигде не смог задать единицу измерения отличную от пикселя.
Из вашей статьи я вижу, что такой возможности и в самом деле не существует? Или как то можно выйти из положения без пересчета «в ручную»?
+2
Самому на ум приходит пока только два способа.
1) заранее направляющими обозначить основные размеры, поработав с калькулятором
2) рисовать всё, считая, что 1 пиксель, это 0,1 мм, а после экспорта в картинку использовать нестандартное значение dpi, которое будет масштабным коэффициентом.
1) заранее направляющими обозначить основные размеры, поработав с калькулятором
2) рисовать всё, считая, что 1 пиксель, это 0,1 мм, а после экспорта в картинку использовать нестандартное значение dpi, которое будет масштабным коэффициентом.
+3
А почему вы выбрали именно скетч, а не, скажем, иллюстратор? И почему не посмотрели триал перед покупкой? Вы рисуете для печати? Я не слишком много задаю вопросов?
0
Триал не смотрел, т.к. отзывы в основном восторженные, а то, что мм не будет, совершенно не мог предположить. Все 20 лет перед этим они были :)
Иллюстратор несопоставим по цене. А пользуюсь я раза 2 в месяц, т.к. русую панели приборов и технологические таблички всякие для своего же оборудования.
Кстати, покупал так же iDraw в аппсторе, так вернул назад. Не смотря на то что и недорог (900 руб), и мм на месте. Тот очень коряво умеет работать с радиусами прямоугольников. Всё же Sketch очень хорош.
Иллюстратор несопоставим по цене. А пользуюсь я раза 2 в месяц, т.к. русую панели приборов и технологические таблички всякие для своего же оборудования.
Кстати, покупал так же iDraw в аппсторе, так вернул назад. Не смотря на то что и недорог (900 руб), и мм на месте. Тот очень коряво умеет работать с радиусами прямоугольников. Всё же Sketch очень хорош.
0
Спасибо отличный материал, не знал о некоторых моментах. Как помне для интерфейса программа отличная, но сложные иконки рисовать не так удобно как в Illustrator. Получается всеравно нужно использовать Photoshop для коректировки растра, в некоторых моментах Illustrato и собирать в Sketch.
+2
Прочитал статьи, захотелось попробовать инструмент. Не дает покоя вопрос, как быть с конечным форматом макета, учитывая что приложение только под OS X?
0
Не пойму, почему векторный редактор сравнивают с Фотошопом?
+3
Тут контекст особый, сравниваются два инструмента для разработки интерфейсов. Photoshop кухонный комбайн основная его задача это обработка изображений, Sketch это векторный инструмент для работы с интерфейсами и векторными формами как таковыми.
+2
Фотошоп — не инструмент для разработки интерфейсов. То что его под это дело используют… Ну, можно конечно и отвёрткой стену проковырять вместо сверла.
В фотошопе нет специализированного инструментария под интерфейсы, имеющийся инструментарий просто приспосабливают под это.
В фотошопе нет специализированного инструментария под интерфейсы, имеющийся инструментарий просто приспосабливают под это.
0
в большинстве компаний занимающихся разработкой интерфейсов Photoshop главный инструмент так уж сложилось. Если уж на то пошло Photoshop ещо и 3d редактор, и редактор видео, и векторный редактор. И в любых кейсах использования в полне логично сравнивать с конкурентами, в той области где они применяются повсеместно.
+1
Дело в том, что у веб-дизайнеров и дизайнеров интерфейсов были в основном только отвёртки. Люди пытались делать интерфейсы в фотошопе, гимпе (эта отвёртка хотя бы бесплатная!), иллюстраторе, индизайне и даже корелдро (да, я видал и такое).
Пробовали сделать что-то более подходящее. Но, так как до этого пользовались только отвёртками, то её и пытались модернизировать. Приделывали к отвёртке разные ручки, делали их длиннее и шире. Но выходило как-то не очень. А потом появились ребята и Богемия Кодинг и сказали «чуваки, вот вам дрель». Пусть она пока ручная, но потом обязательно появится автоматическая. Но, всё же, это уже дрель со сверлом, а не отвёртка :-)
Пробовали сделать что-то более подходящее. Но, так как до этого пользовались только отвёртками, то её и пытались модернизировать. Приделывали к отвёртке разные ручки, делали их длиннее и шире. Но выходило как-то не очень. А потом появились ребята и Богемия Кодинг и сказали «чуваки, вот вам дрель». Пусть она пока ручная, но потом обязательно появится автоматическая. Но, всё же, это уже дрель со сверлом, а не отвёртка :-)
0
Потому что до появления Sketch интерфейсы и наброски сайтов почти все дизайнеры рисовали в Photoshop. Это раз. А два — это потому, что в фотошопе тоже есть векторный инструментарий, и можно создавать макеты интерфейсов, вообще не используя растр.: Например, такие.
0
Сделал пару макетов в скетче, с последующей версткой. Интересный инструмент, но всё таки не удобно переключаться в ФШ для работы с растром, да и вдруг придётся кому то исходник передавать, даже не знаю как объяснять придется))
Опять же плагины, привык к быстрому импорту иконок. CSS hat по мне так удобнее генерирует стили, к тому же в любимом компасе. Хотя это наверное решается
Опять же плагины, привык к быстрому импорту иконок. CSS hat по мне так удобнее генерирует стили, к тому же в любимом компасе. Хотя это наверное решается
0
огромное спасибо, с удовольствием читаю эти уроки
0
Пытался нарисовать сайт в скетче, во многом круто. Но есть мелочи, которые спустя пару часов начинают выбешивать.
0
Поделитесь, может поможем?
0
Во многом это дело привычки. Например, работа зума или нефиксируемость инструмента (чтобы нарисовать второй квадрат надо снова выбрать инструмент квадрат). Вдобавок я активно использую смарт-объекты в фотошопе, а аналогичного инструмента в скетче не нашел. Есть возможность менять быстро стили. Но тут я склонен думать, что плохо искал.
Работа с векторными объектами, несмотря на сравнение с ксарой, все же не на высоте. Удалить точку на объекте — очень запутанная задача.
Скетч не выбросил, потихоньку ковыряю в надежде победить привычку. Но пока скорость работы в фотошопе у меня в разы больше.
Работа с векторными объектами, несмотря на сравнение с ксарой, все же не на высоте. Удалить точку на объекте — очень запутанная задача.
Скетч не выбросил, потихоньку ковыряю в надежде победить привычку. Но пока скорость работы в фотошопе у меня в разы больше.
0
Полагаю, вы пока плохо изучили скетч. Все инструменты записаны на горячие клавиши, которые выучить достаточно легко. R = Rectangle, U = Rounded rectangle, O = oval, T = text, V = vector (кривая безье), P = pencil, L = line, A = artboard. Как бы этого достаточно, чтоб рисовать любые формы. Нарисовали один прямоугольник? Нажмите R и рисуйте второй. Быстро привыкается, и как раз в плане повторяемости удобно. Ведь если после рисования N-ного количества прямоугольников вам надо выбрать один — вы тут же его сразу и выбираете, а в фотошопе для этого нужно выбрать сначала Picker Tool.
Смарт-объекты в каком плане? Если нужно вставить растровое изображение, то оно ведет себя в скетче как смарт-объект в фотошопе. То есть можно его уменьшать до любого состояния, но потом можно легко восстановить до первоначальных размеров, и качество не потеряется. Если важно иметь смарт-объект, копии которого легко видоизменить одним махом, то в скетче есть куда более продвинутая штука — символы. другие варианты использования смарт-объектов не приходят на ум. Я что-то упустил?
Точку на кривой (или совокупность точек) выбираете и жмете клавишу Del — точка удаляется с кривой. В чем запутанность? Не менее легко точки добавляются и меняются по типу. Я легко освоил векторную работу в скетче, и мне ока на сегодняшний день куда понятнее и удобнее фотошоповской.
Уже создал один макетик, который весит в разы меньше .psd, и который дался мне намного легче и быстрее, чем в фотошопе. Полагаю, со временем скорость еще больше возрастет, т.к. еще пока мешают привычки фотошоповские и память на его хоткеи.
Смарт-объекты в каком плане? Если нужно вставить растровое изображение, то оно ведет себя в скетче как смарт-объект в фотошопе. То есть можно его уменьшать до любого состояния, но потом можно легко восстановить до первоначальных размеров, и качество не потеряется. Если важно иметь смарт-объект, копии которого легко видоизменить одним махом, то в скетче есть куда более продвинутая штука — символы. другие варианты использования смарт-объектов не приходят на ум. Я что-то упустил?
Точку на кривой (или совокупность точек) выбираете и жмете клавишу Del — точка удаляется с кривой. В чем запутанность? Не менее легко точки добавляются и меняются по типу. Я легко освоил векторную работу в скетче, и мне ока на сегодняшний день куда понятнее и удобнее фотошоповской.
Уже создал один макетик, который весит в разы меньше .psd, и который дался мне намного легче и быстрее, чем в фотошопе. Полагаю, со временем скорость еще больше возрастет, т.к. еще пока мешают привычки фотошоповские и память на его хоткеи.
0
Спасибо, сегодня попробую. Удаление точек так не работало. ( Символы не учел, тоже погляжу.
А вот про память на хоткеи — это основной минус для меня. ) Что-то нарисовав я по привычке жму V и начинаю рисовать векторный объект. )
А вот про память на хоткеи — это основной минус для меня. ) Что-то нарисовав я по привычке жму V и начинаю рисовать векторный объект. )
0
точки удаляются превосходно. выбрать точки прямоугольным выделением можно, нажав на инспекторе иконку такого выбора. привыкнуть к инвертной системе очень легко. мне пары дней хватило. и такая система кажется куда более удобной. ведь смотрите:
— в фотошопе вы можете, выбрав инструмент, создавать любое количество одинакового типа объектов, но для перехода в режим их выбора, вам нужно выбирать Picker Tool или жать V. Однако, создавать подряд однотипные объекты вы будете значительно реже, чем их выбирать.
— в скетче, выбрав инструмент хоткеем, вы создаете объект и тут же готовы выбирать любой созданый объект. чтобы снова создать, нужно опять нажать хоткей. но в случае повседневной работы вам надо в разы чаще именно выбирать объекты, и тут очень здорово забыть про Picker Tool. Я уже почти неделю в скетче, и уже очень привык к этому, возвращаясь в фотошоп, я начинаю раздражаться необходимости всякий раз жать V или выискивать в палитре слоев нужный объект.
— в фотошопе вы можете, выбрав инструмент, создавать любое количество одинакового типа объектов, но для перехода в режим их выбора, вам нужно выбирать Picker Tool или жать V. Однако, создавать подряд однотипные объекты вы будете значительно реже, чем их выбирать.
— в скетче, выбрав инструмент хоткеем, вы создаете объект и тут же готовы выбирать любой созданый объект. чтобы снова создать, нужно опять нажать хоткей. но в случае повседневной работы вам надо в разы чаще именно выбирать объекты, и тут очень здорово забыть про Picker Tool. Я уже почти неделю в скетче, и уже очень привык к этому, возвращаясь в фотошоп, я начинаю раздражаться необходимости всякий раз жать V или выискивать в палитре слоев нужный объект.
0
О, я тебя прекрасно понимаю. Одна из немногих вещей, которые меня сейчас очень раздражают — это привычка на уровне мышечной памяти чуть что сразу тыкать в «v». Нарисовал фигуру — тыкнул в «v». Хочешь что-то передвинуть — тыкнул в «v». И так далее. И постоянно создаётся точка кривой безье. И что я делаю? Нажимаю эскейп, а потом снова тыкаю в «v»…
0
Ушёл с Фотошопа на Файерворкс лет 5 назад, с Файерворкса на Скетч — год назад, последние несколько месяцев пробую webflow.com, для простых одностраничных сайтов и сайтов-визиток — даже лучше Скетча.
0
Работало бы это дело поверх GNUstep цены бы не было. ;)
0
Я то пересесть с Photoshop на Sketch могу, но как быть с верстальщиком? В каком формате ему отдавать макет?
0
Насущная проблема, которая пока лишь предполагает два варианта решения: а) выдавать верстальщику все ассеты сразу в PNG и SVG, снабжая кусками из Copy Style to CSS, б) убедив верстальщиков самим пересесть на скетч. К слову, многие продвинутые буржуинские студии уже принимают макеты в скетче, так что это дело времени — повсеместное распространение программы. Дело в другом. доля маков в России относитлеьно невелика, и потому скетч доступен лишь единицам.
0
Начал пользоваться скетчем потому, что на новом месте работы он — основной инструмент для всех. Наши верстальщики от него пищат — нет проблем с полупикселями, размерами вроде «501х499», и очень радуются тому, что весь сайт в одном файле и все стили у них отлично конвертируются в цсс.
Возможно, если ты работаешь с одними и теми же верстальщиками, или даже если просто у него мак, предложить ему поставить себе скетч для работы. Прога очень лёгкая, удобная и интуитивно понятная. Ради одного раза, бог с ним, пускай крякнет. Но, с большой долей вероятности, он потом купит её себе сам и от всех будет требовать исходников в скетче :-)
Возможно, если ты работаешь с одними и теми же верстальщиками, или даже если просто у него мак, предложить ему поставить себе скетч для работы. Прога очень лёгкая, удобная и интуитивно понятная. Ради одного раза, бог с ним, пускай крякнет. Но, с большой долей вероятности, он потом купит её себе сам и от всех будет требовать исходников в скетче :-)
0
На самом деле не вижу смысла сравнивать sketch с photoshop, ибо скетч создан для удобств и работы направленной на реализацию интерфейсов, иконок и веб сайтов
0
Здравствуйте. Большое спасибо за серию статей об этом редакторе. Как оказалось он действительно очень интересен и прост в использовании. При первом знакомстве однако появился вопрос. Как у него с кернингом шрифтов? В Фотошопе, например, достаточно удобно кернить буквы с зажатым Альтом и стрелками. Тут похоже нет этой функции или она как-то по другому реализована?
Спасибо.
Спасибо.
0
Кстати, а продолжения не будет? ;-)
0
Sign up to leave a comment.
Switch to Sketch. Часть 4