Почему UI-специалисты отказываются от Photoshop и переходят на Sketch Статьи редакции
На самом деле произошел прорыв не программы, а вектора.
Я еще с 2005-го года дизайнил сайты в векторе, а на людей которые делали это в PS крутил пальцем у виска. Рисовать иллюстрации — да, ретушировать фотки — да. Но сайты в растре? Бред же. То, что в кореле делалось в 3 клика и 10 секунд там выдрачивали масками и color overlay фильтрами.
Ад да и только.
Кайфяки скетча хороши конечно, и я рад что хоть такими плюшками заманили наконец-то дизайнеров в вектор. Здравый смысл победил.
Развернуть ветку
Жаль не могу два голоса дать
Развернуть ветку
Развернуть ветку
UX специалистам и не обязательно пользоваться фотошопом. Скорее всего, имеется ввиду UI специалист.
Развернуть ветку
тут должны были бы быть муравьи на картинке
Развернуть ветку
//
«Например, в Photoshop дизайнерами приходилось постоянно подстраиваться под пиксельную сетку, чтобы избавиться от размытых краев объектов. Разработчики Sketch добавили автоматическую привязку контента к сетке. »
Что выбрать? Photoshop, Sketch, XD или Figma?
«В Photoshop задать скругление можно только перед отрисовкой объекта — в случае необходимости дизайнерам приходилось менять положение кривых вручную по пикселам.»
//
Это в каком году текст писался? Может стоит всё-таки установить новый фотошоп (или даже 1-2 версии назад) и проверить?
//
«Однако учитывая низкую, по сравнению с Photoshop, стоимость приобретения Sketch ($99,99). »
//
Эээ. специальная версия подписки на фотошоп + лайтрум стоит 300 рублей в месяц. То есть «низкая» стоимость скетча равна примерно 20 месяцам подписки по нынешнему курсу? А если ещё вспомнить про то, как многие, купившие скетч 2, обломились, когда выпустили третью версию и заставили покупать заново. ну хз.
Развернуть ветку
Антон, прежде всего, вам нужно дать отдельную награду за то, что вы смогли оформить подписку на Photoshop.
Расскажите, сколько инстанций Adobe вам пришлось пройти, как много программ установить для покупки, сколько форм заполнить? Просит ли Adobe отправлять доверенность?
Про версию Photoshop — обратите внимание на повествование. Речь идет о причинах появления Sketch, на какие мелочи обратили внимание его создатели. На момент подготовки первой версии Sketch описанных возможностей не было.
Развернуть ветку
5 комментариев
Ну, например, функциональность скругления улов появилась только в версии CC (недавно короче), и поразительным образом решение похоже на Sketch.
Развернуть ветку
1 комментарий
А как пользователи фотошопа обламывались 10 версий подряд, когда их по несколько сотен зелени на стол каждый раз просили ставить
Развернуть ветку
1 комментарий
Добавил слово «было», чтобы было очевиднее. Спасибо.
Развернуть ветку
Почему дизайнеры отказываются читать ЦП и переходят на другие сайты 🙂
Как пользоваться Sketch App? РУКОВОДСТВО ПОЛЬЗОВАНИЯ для верстальщиков
Развернуть ветку
Зачем вообще сравнивать огромный комбайн по производству растровой графики и маленький нарезатель верстки? Серьёзно, позиции Adobe пошатнулись? Есть статистика, сколько процентов дизайнеров UI (которые даже близко не ЦА) перешли на Sketch?
Ну и крайне неграмотно написанная статья.
UX и UI — разные вещи? да пофиг
Photoshop — растровый редактор? да пофиг
OpenGl — вообще не софт? да пофиг
Развернуть ветку
Просто ради интереса, где вы увидели словосочетание «Photoshop — растровый редактор», «OpenGl — софт».
Скинете потом тоже почитать?
Развернуть ветку
2 комментария
Комментарий удален модератором
Развернуть ветку
Прогресс идет. Еще немного осталось, и будет «Почему UX-специалисты отказываются от Photoshop/Sketch и переходят на HTML/CSS»
Развернуть ветку
Сравниваете карандаш с болтом
Развернуть ветку
10 комментариев
Это касается landing page с иллюстрациями и графикой в основе?
Развернуть ветку
Я в своем микро-комментарии как раз писал про это, но в статью не попало. После неудачной попытки перейти на Скетч в конце 2013 особо не спешим сейчас, потому что постепенно переносим значительную часть дизайна в браузер. А там уже инструмент не так важен.
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Комментарий удален модератором
Развернуть ветку
Странные они какие-то. Не делают версию под винду и продают всего за 99 долларов.
Развернуть ветку
Здесь проблема в том что `Sketch для своей работы использует средства самой Mac OS.
«В отличие от Photoshop, Sketch не использует собственных средств для отрисовки создаваемого контента — эти функции возложены на встроенные инструменты Mac OS X: QuickTime, Quartz Extreme, Core Image, Core Animation,OpenGL и ColorSync.»
То есть физически воспроизвести этот продукт на Windows не является возможным.
Развернуть ветку
12 комментариев
Sketch relies on a lot of technology that is exclusive to OS X and the fact that no other OS provide a clear business model for software development, we’re not considering supporting it.
Вся проблема с продажей.
Развернуть ветку
Просто ты не их аудитория, вот и всё. Почему это должно влиять на цену?
Сравни: Порше плохо ездить по болотам, а денег просят много.
Развернуть ветку
Автор не путает UX с UI?
Развернуть ветку
Задачи UX решаются тоже вполне на уровне. Быстро накидать прототип (вполне вменяемого качества) и удобно собрать в InVision демку. Очень быстро и удобно + прототип в работу может взять UI дизайнер, если это разные люди.
Развернуть ветку
1 комментарий
был проведен эксперимент, и в скетче получилось на 5 минут быстрее. Я не спешу пересаживаться на него, он много чего не может и заточен под мобильные апликухи и простенькие флетовые сайты. Эта маленькая прога тормозит у меня куда сильнее чем гигабайтный фотошоп, где я знаю каждый уголок и не думаю что мне нажать. Я знаю его наверное в совершенстве (PS) и фронт енд в большинстве под него заточен.
Пока менять такой мощный инструмент на глючную приблуду не спешу.
Развернуть ветку
То чувство когда ты работаешь на Linux, рисуешь шаблоны в Inkscape, а верстаешь в Emacs и тебя все устраивает.
Развернуть ветку
Развернуть ветку
1 комментарий
Интересно, а что потом с этими красивыми макетами верстальщику делать, чтобы из них графику извлечь? В этом случае Маки не так популярны.
Развернуть ветку
Развернуть ветку
Хороший верстальщик по джипегу верстает, только размеры шрифтов проставить надо
Развернуть ветку
2 комментария
Вероятно предполагается, что у верстальщика будет Мак.
Развернуть ветку
5 комментариев
invisionapp.com сам порежет скетчевый файл на детали, либо можно вручную порезать макет, в скетче очень удобно slice объекта реализован.
Развернуть ветку
Может кто-нибудь объяснит, как мне измерить расстояние именно до буквы П, надеюсь понятно о чем я говорю. Я люблю точные расстояния, кратности и т.д., но этот момент просто убивает в скетче, например в последнем шопе с этим проблем совсем нет.
Только это останавливает переход на скетч, а ну и еще групповое перетаскивание объектов. В общем багов еще дофига. Но и плюшек не мало
Развернуть ветку
Багов правда тьма. Просто удивляюсь как можно такой зоопарк дотащить до 3.x-ей версии.
Развернуть ветку
Развернуть ветку
5 комментариев
Ааа. Блин, это просто ужасно бесит. Приходится вручную отмерять отступы. Но это явно не преграда, чтобы перейти на скетч.
Развернуть ветку
1 комментарий
Баг с расчетом высоты строки есть, но если это не учитывать, то вам просто нужно перестать измерять расстояние между буквами, а начать между строками.
Развернуть ветку
1 комментарий
Скетч просто офигительный
Развернуть ветку
Я просто хочу поставить к этой статье сердечко для ребят из Bohemian Coding.
Развернуть ветку
Интересно, какая доля пользователей PS UI дизайнеры, какая доля из них использует Мак и какая их доля полностью отказалась от PS в пользу Sketch.
А что в процедуре покупки было запутано? У них есть куча проблем из серии невозможности отмены плана или сложности со сменой оплатной карты (на форуме очень много тикетов), но про проблемы с покупкой не слышал.
Развернуть ветку
Зачем это, если есть Axure?
Развернуть ветку
Разного плана инструменты.
Развернуть ветку
чуваки немного забыли про fireworks немного забыли, к сожалению, adobe прекращают разработку сего продукта.
а так — очень удобно, меньше привыкать, по идеологии ближе к sketch
Развернуть ветку
согласен, отличная штука. Сейчас жалею, что не стал осваивать его раньше.
Развернуть ветку
«Впрочем, на рынке появлялись альтернативы Photoshop: GIMP, Krita, Paint.NET и другие. Однако они не могли предоставить даже близко необходимый набор инструментов для проектирования интерфейсов, считают UI-специалисты.»
И правда: заточенная под цифровую живопись Krita не _смогла_ _даже близко_ предоставить предоставить инструменты проектирования интерфейсов. Специалисты такие специалисты.
Развернуть ветку
А вообще, статья написана будто джинса.
Такое ощущение, что Скетч уже победил Фотошоп и занял лидирующее положение рынка, оставив фотошоп только фотографам, и пользуясь им руки перестают рости из жопы и начинают творить эпплодизайн.
Развернуть ветку
Так фотошоп сейчас 300 рублей в месяц стоит)
Развернуть ветку
Подписка на софт — мракобесие.
У скетча гораздо лучше полтики. Заплати вменяемые 100 баксов и пользуй.
Развернуть ветку
2 комментария
«Сейчас многие веб-дизайнеры переходят на Sketch — продукт, созданный специально для UI-специалистов.»
веб-дизайнеры = UI специалисты?
Развернуть ветку
Развернуть ветку
1 комментарий
А почему нет? Сайт – тот же интерфейс.
Развернуть ветку
Унижение нищебродов ИТТ 🙁
Развернуть ветку
Первый вопрос: кто и зачем пользуется растровым фоторедактором для прототипирования?
Вторым будет замечание, а не вопрос: авторы всех сравнительно-описательно-хвалебных статей показывают низкий уровень владений ФШ и полным незнанием Иллюстратора.
Почему множественные артборды, например, появившиеся в Иллюстраторе больше пяти лет назад, преподносятся как ноу-хау?
Кто догадался анимировать зум? Почему зум с выключенной анимацией происходит с лагом в секунду-две, а в Адобе — мгновенно?
Не является ли супер-пупер глубокая интеграция с МакОсью причиной того, что при работе с большими макетами начинаются такие лаги, что ты вынужденно выключаешь ВСЁ, лишь бы Скетч хоть чуть-чуть зашевелился?
Развернуть ветку
Самое весомое достоинство Скетча — неумение дробить пиксели.
Настраиваемая попиксельно сетка в Люстре на фоне Скетча выглядит как неуклюжий костыль.
Удобный сайдбар и библиотеки хороши, но по значимости не сравнятся.
Развернуть ветку
Я что-то не понял, что значит дробить пиксели?
Развернуть ветку
2 комментария
Кто-то выходит из этой ситуации выбором в пользу Illustrator . — рассказывает UI-специалист
Источник: appstorrent.ru
7 причин почему Sketch — идеальный инструмент для дизайна интерфейсов
Sketch — легковесный векторный инструмент, предназначенный для дизайна интерфейсов. Как профессионалы, мы постоянно пытаемся сэкономить время, сокращая лишнюю и ненужную работу. Sketch предоставляет мощные возможности и специальные инструменты, которые делают дизайн веб и мобильных интерфейсов очень приятным процессом.
Цена — еще одно преимущество Sketch. Единоразовая плата за приложение составляет $99. В сравнении с подпиской Adobe за $40/месяц это очень выгодное предложение. Не удивительно, что Sketch быстро стал лучшим другом дизайнеров.
Больше всего, когда я открыл Sketch впервые, мне понравился его простой и чистый интерфейс. Панель инструментов полностью можно настроить под себя, добавив часто используемые инструменты и убрав те, которые не нужны.
Sketch весит очень мало (~38MB) в сравнении с Photoshop (~2GB). Он на 100% векторный, что гораздо упрощает все манипуляции с элементами дизайна. Вы также можете не беспокоиться по поводу размеров, разных для веба, iOS и Android.
Векторная графика весит меньше, что само по себе улучшает быстродействие и устойчивость к зависанию. Если вы не используете много больших картинок, вы врядли получите файл больше 50MB.
Инспектор
Инспектор справа (см. рис. 1) разделен на несколько секций. Вы можете настроить параметры для текущего слоя, такие как положение, размер, заливка, границы и прочее.
По моему мнению, одним из лучших плюсов инспектора — возможность использовать суффиксы и математику. Так можно быстро изменить позицию, размер и любой другой атрибут без долгих и нудных вычислений нужного размера. Суффиксы позволяют выделить опорную точку, с которой нужно настроить размер.
Артборды и шаблоны
Артборды — это фиксированные фреймы, которые можно располагать в любом месте бесконечного канваса Sketch.
Есть множество различных пресетов размеров на выбор для iOS-устройств, адаптивного веб-дизайна и т.д.
Что действительно удобно использовать, так это разные шаблоны, доступные в Sketch. От компонентов iOS и Material Design до иконок приложений и артбордов веб-дизайна.
Символы и общие стили
Если вы — дизайнер интерфейсов, то наверняка знаете, как часто надо использовать повторяющиеся элементы. Дублирование таких элементов — довольно простая задача, проблемы начинаются, когда нужно внести изменение во все копии.
И вот тут на помощь приходят символы Sketch. Символы — это повторно используемые группы, которые связаны между собой. Изменение разных атрибутов слоев в символе автоматически обновит все его сущности. Символы локальны, и их нельзя использовать в разных документах.
Общие текстовые стили очень похожи на символы. Они помогут организовать документ, чтобы никогда не пришлось переживать по поводу соответствия текстовых стилей по всему документу.
Макетная сетка
В Sketch интегрирован мощный инструмент под названием Layout Grid, который удобен при дизайне структурированного интерфейса pixel perfect. Ширина колонок и разделителей настраивается и легко меняется на ходу.
Превью на устройстве
Для дизайнеров интерфейсов очень важно тестировать дизайны на родных устройствах, под которые они создаются. Часто бывает так, что на большом мониторе всве смотрится отлично, но совсем плохо подходит для небольших экранов, как на iPhone 4.
Вы можете легко тестировать свои дизайны с помощью Mirror. Нужно просто скачать iOS-приложение “Sketch Mirror” из App Store и открыть его на устройстве. Убедитесь, что ваше мобильное устройство и компьютер подключены к одной беспроводной сети. Если нужно работать оффлайн, подключите мобильный к компьютеру с помощью кабеля.
Экспорт
Экспорт — одна из множества идеально продуманных опций в Sketch. Если вы пересели на него с Photoshop, вы знаете, как этот инструмент может сэкономить массу времени и избавить от головной боли. Экспорт исходников — очень простой процесс, нужно просто сделать слои экспортируемыми и все (см. рис. 4). Также полезная вещь — слайсы.
Часто мы создаем иконки для интерфеса, и они нуждаются в фиксированных полях вокруг. Вот для чего нужны слайсы.
Плагины и сообщество
Последнее, но не менее важное преимущество Sketch, — его сообщество. Я не видел нигде такого же мощного сообщества. Сообщество Sketch потрясающее из-за людей, которые совершенствуют Sketch посредством разработки полезных плагинов, уроков и помогая друг другу статьями и бесплатными вкусняшками.
Источник: infogra.ru
Для чего нужно в Mac OS Sketch и что это такое?
Как и многие nix-системы, в системе от Apple встроено все, что может потребоваться любому пользователю: от простого пользователя до разработчика. Одно из таких приложений у системы Mac OS — Sketch.
Кому-то оно может показаться сложным, кому-то простым. Те, кто привык к продуктам компании Apple, говорят, что эта программа включает в себе нужное, а все ненужное отсечено. Благодаря этому и само приложение намного меньше весит, по сравнению с тем же Фотошопом, и качество не страдает.
Для чего нужно приложение Sketch?
Сама по себе программа направлена на работу с векторной графикой. И для этого в ней есть все необходимое. Она прекрасно подойдет веб-дизайнерам и другим профессиям, которые в своей работе используют этот вид графики.
Интерфейс у программы простой:
Источник: appletimes.ru
Sketch
Создавайте прототипы, сотрудничайте и воплощайте идеи с помощью дизайнерской платформы, используемой более чем миллионом человек — от фрилансеров до крупнейших мировых команд.
О Sketch
Sketch отличный инструмент цифрового дизайна и одна из лучших утилит для прототипирования. Плюсов у программы множество: скорость работы, возможность открывать сразу много проектов и объединять эксплуатацию нескольких приложений без замедления их работы и возникновения сбоев.
Простой интерфейс. Инструменты проще и удобнее в использовании, чем у аналогов. Отсутствуют ненужные панели, а необходимые компоненты появляются непосредственно во время работы. Есть возможность комбинировать клавиши, что ускоряет рабочий процесс.
Многофункциональный инструмент пипетка, которая обладает пиксельной точностью высокого уровня, что даёт возможность выбирать множество оттенков из цветовой палитры даже за пределами программы.
Удобный графический экспорт.
Подходит для работы с текстами. Автоматически устанавливает хороший интерлиньяж, позволяет настроить текстовые блоки и проводить качественный рендеринг текста. Также обладает панелью специальных символов.
Источник: a2is.ru