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

9

0 Icon

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

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

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

_Copy CSS

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

_Welcome

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

_Grid Settings

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

_Figures Combination

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

_Snapguides

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

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

_Styles

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

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

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

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

_Adobe_icons

Название: Sketch 3
Издатель/разработчик: Bohemian Coding
Цена: 2690 руб.
Встроенные покупки: Нет
Скачать: Для OS X 10.8 и выше

9 комментариев

  1. 0

    Поддержу, отличная программа. В ней нет ни одного лишненго инструмента, и в то же время есть все, что нужно для разработки и веба, и мобильных, и десктопных приложений, иконок, и всего остального. После использования Sketch на Illustrator я уже больше не пересяду. Количество минусов иллюстратора перекрывает его плюсы.
    Единственный минус Sketch, который доставляет большие неудобсва — отсутствие его на Windows.

  2. 0

    В своё время потратил не 1 день на поиск толькового вектороного редактора для SVG.
    Ставил даже этот Sketch.
    Главный минус — нет полноценной возможности работы с узлами как в Inkscape.
    А это по сути и решает.
    Inkscape пока лучший инструмент и к тому же открытый.

  3. 0

    Отличная прога!
    Для UI/UX дизайна пожалуй лучшая.
    Пользовался второй версией около года, сейчас до 3ей обновился.
    Минусы — .eps разваливается иногда при импорте, .ai не читает.
    Да, кстате стала меньше ресурсов кушать с обновлением. (отправлено из приложения AppleInsider.ru)

  4. 0
    ViRUS2k10

    Отличный софт из категории «Маст Хэв», возьмите в обзор еще пиксельматор!

    • 0
      Павел Дмитриев

      ViRUS2k10, обзор пиксельматора писать почти бесполезно, так как по объему это выйдет скорее толстый учебник 🙂
      но скоро выходит обновление, думаю напишем

  5. 0

    Сейчас использую в работе как основной графический редактор Sketch, а если нужно немного картинки подредактировать то фотошоп. В общем очень доволен. Вот отличный ресурс по Sketch кому интересно http://varhal.com

  6. 0

    Интересный обзор. Попробовал программу.
    Только почему оттенки цветов объектов отличаются от тех, что я уже вижу в ps, safari, программе «Просмотр»?

Авторизуйтесь Чтобы оставить комментарий