Векторный редактор Sketch

На протяжении длительного времени Photoshop был неоспоримым лидером среди графических программ. Однако в последние годы все больше дизайнеров переходят на использование приложения Sketch. Эта программа представляет собой векторный графический редактор, ориентированный на дизайн интерфейсов, и доступный только для операционной системы MacOS. Она обладает значительными преимуществами по сравнению с аналогичными приложениями.

Sketch выделяется своей специализацией на векторной графике и уделяет особое внимание дизайну интерфейсов. Отличительной чертой является использование только на MacOS. Программа обеспечивает внушительный арсенал инструментов, причем они интегрированы с операционной системой MacOS X, такими как QuickTime, Quartz Extreme, Core Image, Core Animation, OpenGL, ColorSync, в отличие от Photoshop. Sketch является превосходным инструментом для цифрового дизайна и одним из лучших средств для прототипирования. Ее преимущества включают высокую скорость работы, возможность одновременного открытия нескольких проектов и беззамедлительное взаимодействие с несколькими приложениями без риска снижения производительности и возникновения сбоев.

Кому подходит Sketch?

Выбор работы в Sketch рекомендуется в следующих случаях:

1. Вы используете компьютер Mac (поддержка PC на данный момент отсутствует).
2. Ваша основная сфера деятельности — дизайн интерфейсов, а не иллюстрации, графический дизайн, фотоманипуляции и прочее.
3. У вас есть понимание того, как программисты будут работать с вашими исходными файлами в формате «.sketch», или вы готовы самостоятельно экспортировать весь графический материал для верстальщиков или программистов.

Плюсы Sketch

1. Узкопрофессиональный инструмент для дизайна интерфейсов

Sketch является строго специализированным инструментом для дизайна интерфейсов. В отличие от Photoshop, здесь отсутствуют инструменты для создания трехмерной графики, редактирования фотографий, покадровой анимации и других функций, которые присутствуют в сложных и многофункциональных продуктах от Adobe. Такой узкоспециализированный подход позволяет разработчикам Sketch быстрее реагировать на обновления, исправлять ошибки и внедрять новые функциональные возможности.

Можно сравнить Sketch с хирургическим скальпелем, выделяя его избирательную специализацию, в противовес швейцарскому ножу, который представлен в Photoshop с его множеством инструментов и возможностей.

2. Экспорт графики

В Sketch особенно удобен процесс экспорта графики. При создании дизайна приложения, например, для retina-дисплея, вы можете легко настроить экспорт для каждого элемента в нескольких разрешениях. Программа автоматически организует всю графику, размещая ее в соответствующих размерах в отдельные папки. Этот инструмент чрезвычайно удобен для разработчиков. Я настоятельно рекомендую разработчикам мобильных приложений освоить Sketch, поскольку он становится все более востребованным в этой отрасли.

Мы используем Sketch для отрисовки векторных иконок для наших проектов

Кроме того, помимо экспорта отдельных элементов, очень удобны функции экспорта артбордов (если требуется сохранить каждый экран в виде отдельного файла) и слайсов (если необходимо создать превью из нескольких экранов или любого отдельного фрагмента приложения).

3. Простота интерфейса

В отличие от сложного интерфейса Photoshop, инструментарий Sketch представляет собой более простое, удобное и интуитивно понятное решение. В нем отсутствует избыточное количество панелей, окружающих рабочую область, и все необходимые элементы становятся видимыми по мере необходимости в процессе работы.

Например, инструменты редактирования векторных форм появляются только при активном редактировании векторного объекта. Еще одним примером является то, что описание свойств объекта остается свернутым, пока вы не присвоите определенные значения.

Программа также обладает удобными комбинациями клавиш, что существенно ускоряет процесс работы.

4. Удобная работа с текстом

Работа с текстом в Sketch предоставляет отличные возможности для адаптации под различные экраны:

• Красивый рендеринг текста без использования размытых режимов отображения, таких как crisp или smooth.
• Удобная настройка текстовых блоков в режимах auto и fixed.
• При изменении выравнивания (left, centered, right) в режиме текстового блока auto текст не прыгает, в отличие от Photoshop.
• Автоматически устанавливаемый адекватный интерлиньяж для более приятного восприятия.
• Панель спецсимволов (Ctrl + ⌘ + Пробел) для удобства работы с особыми символами.

5. Пипетка

В Sketch наконец-то улучшена работа с пипеткой:

• Удобный зум, обеспечивающий высокую пиксельную точность при выборе цвета.
• Возможность выбора цвета даже за пределами приложения.

6. Cимволы

Символы занимают важное место в списке преимуществ программы, но их функционал можно было бы дополнительно улучшить. Особенно было бы полезно иметь возможность трансформировать символы в режиме 9-slice, что позволило бы назначать зоны, устойчивые к трансформации. Также хотелось бы видеть функционал для создания сложных символов, аналогичный возможностям программы Fireworks. Это бы существенно обогатило бы процесс создания символов для разных состояний кнопок, что является весьма полезным для дизайна интерфейсов.

7. Регулярные обновления

Программа регулярно обновляется через App Store: исправляются баги и добавляются новый функционал.

8. Утилита Sketch Mirror

Утилита Sketch Mirror предоставляет возможность моментального просмотра вашего дизайна, созданного в Sketch, на мобильных устройствах (iPad/iPhone) в реальном времени. Вы можете перелистывать артборды простым свайпом прямо на устройствах, и при этом транслировать работу с макетом одновременно на два устройства.

Минусы Sketch

1. Нет совместимости с продуктами Adobe

Часто программе ставится в упрек отсутствие совместимости с Photoshop. Рабочие файлы Sketch не открываются в других программах, Sketch не позволяет сохранять файлы в формате psd. В этом случае могут возникать сложности при работе в командах, или при передачи проекта от одного дизайнера к другому.

Хотя, все же с некоторыми сторонними форматами программа работает: Sketch открывает файлы в формате eps и svg.

2. Проблемы при работе с большими файлами

Если вы работаете над приложением со множеством экранов, то программа может «тормозить» (на момент написания этой заметки была актуальна версия Sketch 3.1.1). Большое количество визуальных эффектов типа блюра и теней также может замедлять работу программы¹.

3. Несовершенные векторные инструменты

Инструменты для рисования в Sketch оставляют желать лучшего, они пока несовершенны и у многих дизайнеров вызывают раздражение. В этом плане Illustrator по-прежнему остается непревзойденным. Кстати, векторные формы, созданные в Illustrator хорошо копируются непосредственно в Sketch (⌘+C → ⌘+V).

Плагины

На сегодняшний момент самым полезным плагином, на мой взгляд, является Sketch Measure. Он позволяет быстро создавать обмеры для макетов: показывать размеры элементов, расстояния между ними, указывать их цвет, параметры текста и т. п. Все обмеры создаются в виде отдельных слоев в документе. Эта информация пригодится программистам при работе над макетами, а также при создании гайдлайнов.