Sketch 3 — специализированный векторный редактор

Программа: Sketch 3 | 2690 руб. | Для OS X 10.8 и выше

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

Разработчики Sketch как будто взяли мощный векторный графический редактор и выбросили из него все лишнее. Потом подумали, и дополнили его всем тем, что необходимо для создания графики в ходе разработки программ. Именно это множество удобных «фишек» и отличают программу от других редакторов. Стоит отметить, что одной только графикой для ПО Sketch не ограничивается, его можно использовать, например, для web-дизайна (функции типа «скопировать стиль как CSS» в этом помогают), но все-таки это назначение — основное.

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

Так как Sketch — редактор векторный, а графика чаще всего нужна растровая, то этому было уделено пристальное внимание. При использовании Sketch у вас не будет ни малейших проблем с масштабированием под любые размеры. В несколько кликов вы сможете получить сразу серию растровых изображений в нужных разрешениях со сглаживанием и без малейших артефактов. Экспортировать можно слой целиком (для этого нужно включить флажок «Exportable» в правом нижем углу инспектора), либо задать специальную экспортируемую зону «slice». Настроив опции экспорта для отдельных частей вашего дизайна, вы можете «выгрузить» всю нужную графику одним нажатием на кнопку. Для совершенного вида растровых изображений можно воспользоваться функцией выравнивания объектов до целых пикселей, что позволяет обойтись без размытия и сглаживания.

С помощью комбинации Ctrl-P вы можете переключать Sketch с векторного на пиксельное отображение и обратно, это позволяет посмотреть, как будет выглядеть дизайн после экспорта. С помощью клавиши «P» в любой момент можно включить инструмент «карандаш» и рисовать как в обычном растровом редакторе, Sketch потом аккуратно преобразует нарисованное в вектор.

Очень помогают в работе умные направляющие, которые позволяют с легкостью разместить объекты относительно друг друга. Для удобства понимания будущего изображения есть так называемые «артборды», сразу задающие нужные размеры. Так же радуют богатые возможности по комбинированию базовых примитивов для получения сложных фигур, при этом каждая из отдельных фигур остается редактируемой.

В ходе написания этого обзора постоянно ловлю себя на использовании разнообразных превосходных эпитетов. Но что делать, если программа действительно замечательно справляется со своими задачами, а внимание разработчиков к деталям — удивительно. Поэтому продолжу.

Одна из главных «фишек» Sketch — связанные стили для фигур и текста. Это позволяет объединить разные элементы, придав им одинаковый внешний вид и в несколько кликов менять внешний вид всех ваших объектов. То же самое касается текста. Так же можно создавать символы, превращая выбранный слой в удобный для повторного использования элемент.

Если вы установите специальное iOS приложение Sketch Mirror, вы получите возможность сразу просматривать ваш дизайн на экране устройства, что невероятно удобно.

Энтузиасты программы создали несколько сайтов, на которых можно скачать разные графические элементы в формате Sketch, например https://sketchmine.co/ и https://github.com/sketch-templates.

Благодаря тому, что Sketch — родное OS X приложение, вы всегда можете воспользоваться iCloud и локальными версиями документов. Программа очень легкая, быстрая и отзывчивая.

Кстати, Sketch настолько хороша, что даже разработчики Adobe используют ее 🙂