Sketch – это векторный графический редактор для создания дизайнов интерфейсов, мобильных приложений и веб-сайтов.
Преимущества работы в Sketch
- Удобный интерфейс и понятный инструментарий. Все инструменты отображаются только в момент работы с ними: например, панель векторных форм появляется только при редактировании векторного объекта, что упрощает восприятие интерфейса и уменьшает визуальный шум.
- Просмотр превью. Позволяет просматривать превью дизайна в виде «живого» предпросмотра на разных устройствах, что помогает сразу оценить, как интерфейс будет выглядеть на мобильных и десктопных экранах.
- Экспорт. Программа поддерживает экспорт изображений и ассетов по слоям, а также в форматах PNG, SVG, PDF, что удобно для передачи готовых элементов разработчикам и последующей сверстке.
- Работа с текстом.В программе удобно редактировать текстовые блоки, они не смещаются при выравнивании. Есть автоматический интерлиньяж и большая панель специальных символов.
- Палитра, пипетка и точность цвета.Пипетка позволяет выбирать цвет не только внутри программы, но и за ее пределами, с помощью удобного зума высокой точности. Это удобно для точного копирования цветов из макетов, сайтов и скриншотов.
- Горячие клавиши. Предоставляет развитую систему горячих клавиш, что позволяет опытному дизайнеру значительно ускорить процесс создания и правки макетов.
- Регулярные обновления. Разработчики регулярно дополняют функционал, исправляют ошибки и улучшают производительность программы, а также поддерживают совместимость с актуальными версиями macOS и инструментами разработчиков.
Плагины для Sketch
Палагины Sketch легко расширить при помощи платных и бесплатных плагинов. Плагины значительно облегчают работу в графическом редакторе, позволяют автоматизировать рутинные процессы. Что сокращает время работы веб-дизайнера.
Плагины встраиваются в интерфейс редактора и активируются каждый раз при запуске программы:
- Sketch Measure. Плагин Sketch Measure позволяет добавлять на холст информацию о размерах и других свойствах объектов. Все свойства объектов: размеры элементов, цвет, характеристика текста, расстояние – указывается в виде слоев для простоты работы.
- Toogle Craft. Модуль плагинов InVision. Toogle Craft позволяет синхронизировать макеты с InVision, отправлять для верстки, а также подставлять контент: адреса, имена, числа и др.
Adobe Photoshop, Figma или Sketch – что выбрать?
Выбор программы зависит от задач. Каждый из редакторов обладает своими преимуществами. Если UX/UI‑дизайнер долгое время пользовался Figma, то перейти на Sketch будет не проблематично.
Области применения программ:
- Sketch – программа для дизайна интерфейсов.
- Adobe Photoshop – инструмент для создания трехмерной графики, редактирования фотографий и изображений, создания анимации.
- Figma – облачная платформа для совместной работы над дизайн-макетами, прототипами.
Для UX/UI‑дизайна интерфейсов обычно выбирают Sketch или Figma как основной инструмент, а Photoshop – как дополнительный, для работы с фото и растровой графикой. Переход с Figma на Sketch обычно не проблематичен: основные концепции (слои, группы, цвета, шрифты, артборды) во многом схожи.
