А Mac’a нет. Есть только Windows и этот дурацкий .sketch-файл, который кто-то прислал. И у этого кого-то Mac есть. А у тебя нет. Только Windows.
И что делать? Покупать Mac? Дороговато. Может попросить этого кого-то использовать Photoshop? Не, этот кто-то одержим Sketch'ем. В общем, дело — шляпа… Или нет?
Все не так плохо. 10 альтернатив покупке Mac’а — самых эффективных, самых действенных и законных (почти во всех странах):
1. Icons8 Lunacy
Инструкция: просто открывалка для Винды. Без всяких костылей. Качать тут.
2. Avocode / Zeplin
А также Teamviewer или Zoom.
Инструкция: придется завести друзей-дизайнеров с Mac’ом в каждой часовой зоне. И дальневосточный гектар лучше тогда не брать — этому способу нужен хороший интернет.
3. Насилие
Инструкция: выслеживайте хипстеров. У них часто Mac’и, а сами они, как правило, слабые и не дают сдачи.
4. Секс
Инструкция: постепенно занижайте свои стандарты. Ваша цель — некрасивые и богатые.
5. Терпение
Инструкция: если долго сидеть в Старбаксе, возможно кто-то попросит присмотреть за Mac’ом, когда пойдет в туалет.
Ваша целевая аудитория — любые девушки. Чем больше сумка, тем больше у вас времени.
6. Еще больше терпения
Инструкция: попросите разработчиков Sketch’а добавить поддержку Windows.
Кстати, у них очень удобный F.A.Q:
7. Сайты знакомств
Инструкция: на фотографиях игнорируйте лица. Ищите Mac’и.
8. Хакинтош
Инструкция: живите в странах с нежным законодательством в области софта.
В принципе, тут нам почти повезло.
9. Работа
Инструкция: прежде чем украсть Mac у своего работодателя, изучите пособия по безработице в стране. Рекомендуем Норвегию.
10. Деньги
Инструкция: если уж совсем прижмет, продайте пару бриллиантов или старых картин. На Маc должно хватить.
А теперь серьезно: мы “взломали” .sketch-формат и разработали программу для его открытия на Windows. Бесплатно.
> Скачать дистрибутив
Две вещи мы можем сказать наверняка:
- она очень полезная, есть даже standalone для запуска с флешки
- она полна багов (версия альфа, релиз 0.000000000001)
Да, она открывает большинство файлов как надо, просто иногда… вы можете встретить небольшие косяки. Так вот, мы будем очень признательны, если проблемные .sketch-файлы вы отправите нам.
> Послать глючный .sketch на анализ
P.S. Сегодняшняя статья на Хабре 4 правила работы в Sketch над крупными проектами — восхитительна.
Комментарии (75)
makaron
03.02.2017 19:02+1Figma (https://www.figma.com) может импортировать .sketch, по крайней мере так заявлено (No installation required. You can even import from Sketch.).
copist
03.02.2017 19:23+1Ух ты, какое свежее, в сентябре прошлого года сделали. Хорошее приложение, спасибо.
copist
04.02.2017 06:27+1Мне недавно выдали HTML, выгруженный из Sketch с помощью плагина Marketch
Ещё пока не понял — удобно или нет, но пользоваться можно. Пример выгрузки в HTML
gritsenko_biz
04.02.2017 12:06+1И я такой использовал когда-то, вполне удобно, если не считать, что нужно плагин ставить на сам скетч. Думаю можно подобный экспорт и в Lunacy реализовать
gritsenko_biz
04.02.2017 12:18+1Проверял их (Figma) импорт скетч файлов — он хорош весьма! Правда потребовалось установить предварительно их программу для выкачивания шрифтов с десктопа. И если нужных шрифтов в системе не оказалось, то текстовые слои скрываются и приходится вручную искать эти слои и выбирать другой шрифт. Надеюсь исправят.
В lunacy сейчас, если не найден шрифт из макета, используется системынй (segoe как правило), из за этого бывает съезжают переносы :-( Но уже есть несколько идей как это поправить.
Например автоматической заменой на другой шрифт с похожими метриками. И т.к. в макетах всегда явно задан размер рамки в которую вписан текст, то попробуем еще немного масштабировать текстовый блок, так что бы конечная верстка не ехала
PapaBubaDiop
03.02.2017 19:21+1Сделайте online service, какая еще флешка.
А за хипстеров стал переживать.copist
03.02.2017 19:25+1Я искренне сомневаюсь в онлайн сервисах для прототипирования.
Lunacy оптимизировали, чтобы он смог открыть sketch в несколько сотен мегабайт. Встречаются такие макеты.
Браузер бы умер.
wtigga
04.02.2017 08:38+1Есть компании, где запрещено макеты в облако выгружать (секурность). На маках не всем надо сидеть, а экспорта в ПДФ не допросишься.
Благослови вас г-сподь за это приложение, очень вовремя.
sleeply4cat
03.02.2017 19:25+1и всё же это немного реклама
и ссылки немного реферальныеcopist
03.02.2017 19:29+6Да, так и есть. Надо глючных скетчей насобирать, чтобы счётчик версий запустить.
HedgeSky
03.02.2017 19:28Отличный ход: опубликовать неприкрыто рекламный пост в пятницу вечером в надежде на то, что модераторы перенесут его в «Я пиарюсь» не сразу же.
Edit. А, администрация его увидела и в первом же комментарии одобрила. Ну, ок.
DnV
03.02.2017 20:19+9Версия для Mac не планируется? ;)
ferosod
04.02.2017 09:57+9Скрытый текст
namwen
03.02.2017 20:38+9Реализация восхитительна, от инсталлера (все компактно, никакого MSI, уютненький InnoSetup, code signing) до архитектуры (реактивка, отличный подбор пакетов [еще чуть-чуть и запустить под линухом можно будет без mono], да и сам разбор sketch-blob'ов аккуратненький такой). Я хочу от вас .NET софт, как говорится.
Почему бы вам не выложить SketchLib в open source, да не сделать nuget package? Вы сознательно не стали ничего обфусфировать, доведите до конца — коммунити будет крайне признательно, проще будет вести обновления формата, ну и дополнительный плюс в карму Icons8.gritsenko_biz
04.02.2017 12:04+4Спасибо за такой отзыв! Не ожидал, приятно :-)
На счет open source мы думали — вполне возможно что так и сделаем.
Но несколько позже, т.к. сейчас приоритет на том что бы сделать идеальное отображение дизайнов в приложении и реализовать основные полезные функции для конечных пользователей (экспорт в SVG, Html например).
еще чуть-чуть и запустить под линухом можно будет без mono
а вот тут поподробнее полжалуйста! Уже есть способ GUI приложения делать на .net core??
sbnur
03.02.2017 22:46+1Что лучше — винда с виртуальным маком или наоборот?
ad1Dima
04.02.2017 07:15мак не поддержиает виртуализацию на винде на уровне лицензии. Та, что есть — хаки и костыли. Винда в виртуалках намного лучше работает.
DaturInnoxia
03.02.2017 23:00+3Есть ещё один способ — игнорировать дизайнеров и/или софт, которые не умеют экспортировать прототип в общедоступный формат. В конце концов, заказчик всегда диктует условия, а не дизайнер.
copist
04.02.2017 06:35+2Заказчик сказал — норм, выглядит как я хотел, прям конфетка. Верстальщик никаких условий продиктовать не успел.
lexxor
04.02.2017 06:19+4А Mac’a нет. Есть только Windows и этот дурацкий .sketch-файл, который кто-то прислал. И у этого кого-то Mac есть. А у тебя нет. Только Windows.
Скрытый текст
copist
04.02.2017 06:24+1Не то чтобы плакать, но руки иногда опускаются. И не то чтобы скетч, но и другие вещи надо иногда на маках проверять, например поведение JS/CSS кода в Safari. Ну это те же чувства, когда сидишь на Убунте и надо проверить JS/CSS под IE.
ferosod
04.02.2017 09:40+2Есть еще онлайновый https://app.sketchviewer.com
Я бы не сказал, что он очень удобен, но с задачей «посмотреть, что в этом скетч файле» справляетсяgritsenko_biz
04.02.2017 11:51+2кстати он пока лучше рендерит чем наш…
ну вот и здорово! хипстеры счастливы, а нам не придется веб-сервис делать :-)
Mingun
04.02.2017 16:31+1Мне одному кажется, что самый правильный способ должен быть такой:
0 способ
Пусть не выёживается, а пришлёт макет в общедоступном формате или хотя бы в том, который является стандартом де-факто для индустрии.
Oleh_M
04.02.2017 19:52можно уточнить какой формат общедоступный или который является стандартом де-факто для индустрии?
copist
04.02.2017 19:53+2PSD?
Oleh_M
04.02.2017 19:59+1после работы в sketch, работать в PS очень не удобно. Пример: дизайн приложения на 50 экранов, а файл размером 70 мб с векторными объектами или 50 файлов метро по 50 и все в расте?
И фронт-энд разработчики после sketch файлов переданных в zeplin/avocode напрочь отказываются работать с psd. И такого все больше и больше. Так что это далеко не общедоступный формат и не стандарт индустрии, скорее наоборотmsts2017
04.02.2017 20:33сам ваш пост говорит о том что «стандарт» а что нет, три буквы против 400
Oleh_M
04.02.2017 23:51мой пост говорит о том, что многие не согласятся с тем, что три буквы стандарт
msts2017
05.02.2017 00:07стандарту все равно согласны с ним или нет, стандарт это то в чем требуют результат, просто такова реальность.
Oleh_M
06.02.2017 12:19увы, я не считаю корректным передавать разработчиком psd, с ним не удобно работать и тяжело определить банальное расстояние. Инструменты для создание дизайн-спецификаций — вот пока что идеальное и стандартообразующее решение (Avocode, Sympli и Zeplin). А будь то фотошоп или скетч или люстра неважно.
onthefly
07.02.2017 20:54Я сейчас буду излагать очевидное, но если имеется в виду Photoshop, то этот инструмент не предназначен для проектирования GUI. Существуют специализированные инструменты (в том числе Sketch), а у Adobe их целых два.
Популярность Photoshop для таких целей вызвана широкой распространённостью и условной бесплатностью этой программы во времена, когда теперешние дизайнеры только осваивали компьютер, но это не делает его формат общедоступным, поскольку отсутствуют общедоступные и функциональные инструменты для работы с ним в упомянутых целях.
Что касается стандарта де-факто, то сейчас им является Sketch, и существование вашего продукта это косвенно подтверждает. В ближайшее время мы увидим рост популярности Xd, эти два инструмента, вероятно, поделят рынок и станут наиболее популярными средствами разработки.
А ещё через несколько лет специалисты с недоумением будут смотреть на тех, кто пользуется для таких целей Photoshop, Illustrator, Indesign или Xara.
И если вы не поняли, вопрос Oleh_M был риторическим.
Mingun
04.02.2017 21:55Ну, явно не тот, который открывается только одной программой и только на одной ОС… Причём официального способа работы с ним на других системах, как я понял, нет и разработчики делать его не собираются.
onthefly
07.02.2017 21:29-1Это распространённая практика, существует значительное количество узкоспециализированных форматов, которые «которые открываются только одной программой и только на одной ОС». Например, в наружной рекламе это формат Corel Draw, в трёхмерной графике, обработке звука и видео можно найти ещё пачку примеров.
Но самое главное — не должно быть в индустрии никакого «стандарта» ни на форматы файлов, ни на языки программирования, ни на прочие технологии. Должна быть здоровая конкуренция и свобода выбора.
На самом деле проблема заключается не в том, что Sketch работает только на маке, а в том, что кто-то не умеет правильно организовать производственный процесс. Понимание этой простой вещи делает бессмысленными любые споры о «стандартах» и личных привычках дизайнеров и других специалистов.
igormatyushkin1
06.02.2017 09:33К сожалению, в IT-индустрии, как и в любой другой сфере деятельности, существует фанатизм и примитивное следование новомодным вещам, даже если они хуже по функционалу. Маркетинг оказывает сильное влияние на выбор технологий разработки.
copist
06.02.2017 09:58При выборе средства для UI/X я бы выбирал между Sketchapp или скажем Axure/Proto.io/Pixate/Origami. А не между скетчем и фотошопом.
Насколько я понимаю, ниша ФШ, в которой нет достойных альтернатив — это качественные растровые изображения, частично векторные. ФШ не удобен для создания интерактивных прототипов веб-страниц. Я до сих пор не уверен, что в фотошопе можно реализовать навигацию, динамику и поведение, хотя бы упрощённо (клик — страница открылась/закрылась, клик — блок развернулся/свернулся). И думаю, что задача «переместите вот этот блок из шапки справа вот от этого» в ФШ занимает намного больше времени, чем в скетче.
И, насколько я понимаю, Скетч выделился среди средств для прототипирования своей простотой интерфейса, который при этом остаётся удобным, не теряет гибкости и информативности. Также у него высокая скорость работы. И он выдаёт предсказуемый конечный результат.sashabeep
06.02.2017 17:16И еще — все, что ты видишь в Sketch ничем не отличается от верстки, в Photoshop за 15 лет такого у меня не случилось ни разу
onthefly
07.02.2017 21:06Насколько я понимаю, ниша ФШ, в которой нет достойных альтернатив — это качественные растровые изображения
Ниша ФШ — это цветоделение и цветокоррекция, ретушь и так далее. Выше я уже говорил о предназначении инструментария.
А ещё удивительно, что вы не упомянули специализированное решение, существующее и использующееся дизайнерами GUI почти 20 лет — программу Fw, на замену которой недавно была создана Xd.
sashabeep
06.02.2017 17:15+1-1 способ: Попробовать сверстать что-нибудь из Sketch и сидеть плакать в углу, потому что 10 лет юзанья «общедоступного» формата были потрачены впустую
eshill
04.02.2017 22:11+1Спасибо большое за вашу программу и ссылку на статью в конце материала!
Даёшь Скетч в массы!
ntkj666
05.02.2017 05:02+1"И дальневосточный гектар лучше тогда не брать — этому способу нужен хороший интернет". 100 мб/с 20 мс. Местечковый патриотизм, конечно… Но всё равно как-то...
yetithefoot
05.02.2017 10:01+1Реквестую пост о том, как вы разбираете Sketch или, действительно, заопенсорсите решение. Очень интересно, как вы это делаете. Насколько я понимаю, Sketch файл — это sqllite база с огромным блобом?
gritsenko_biz
05.02.2017 11:11+3Да. sqllite база. Пара таблиц и одна большая ячейка blob. И в этом блобе хранится большой plist словарь.
Поискал немного нашел сначала маковские исходники парсера plist-а а потом и реализацию на C# https://github.com/animetrics/PlistCS, хотя пришлось ее переписать потом но вначале очень помогла, спасибо автору!
В общем из этого plist-a строим иерархию объектов и потом скармливаем уже визуализатору. Возможно и правда заопенсорсим.
yetithefoot
06.02.2017 08:39Визуализатор, который на основании этих данных рисует картинку, вот что интересно. Можете показать простой пример как выглядят входные данные для визуализатора и что получается на выходе? Вы в HTML рендерите?
gritsenko_biz
06.02.2017 20:29рендерим через skia sharp
путь примерно такой:
https://gist.github.com/anonymous/b5e484998ec4f0458d67733ee748f846
MirkFM
06.02.2017 19:27Пробовал открыть скет-файл размером 61Мб, прога умерла…
Так что пока не вижу альтернативы варианту:
- Avocode / Zeplin
gritsenko_biz
06.02.2017 19:37+1скорее всего дело не в размере файла. если можете прислать макет (через форму https://icons8.typeform.com/to/zzRZ6A или на почту lunacy@icons8.com),
то попробую разобраться в чем проблемма.
Boomburum
Отличный пятничный пост, классная подача материала :)
msts2017
мля вчера была пятница!