Evenly distributed Guides - плагин для быстрой генерации сетки
Наш канал в

Evenly distributed Guides  – это плагин для Sketch, который сможет создать модульную сетку для ваших артбордов. Для работы этой магии нужно активировать линейку (Ruler), чтобы она отображалась на макете. Работа плагина показана на криншоте:

Evenly distributed Guides - плагин для быстрой генерации сетки

Установка Evenly distributed Guides

Установите плагин через Sketch Toolbox или скачайте пакет вручную в вашу папку плагинов Shetch. Путь к ней должен напоминать следующее:

.../com.bohemiancoding.sketch3/Plugins/even-guides-sketch-master

Совет: файл .sketchplugin должен находится именно в этой директории!

Выделите любой артборд в документе. Если там нет артбордов, то создайте новый (нажав клавишу А на клавиатуре). После этого перейдите в меню plugins и выберите Evenly Distributed Guides -> Distribute Guides или используйте горячие клавиши (смотрите ниже). Появится модальное окно, где вы можете определить настройки для будущих вспомогательных линий.

Да, я знаю…

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

Мой подход в скорости: иногда просто нужна сетка с равномерно распределенными колонками и строками. Когда все выстроено ровно на своих местах, вы просто избавитесь от всех вспомогательных линий. Так что колонок, строк и, может быть, борозд, вполне достаточно. Опционально, при использовании борозд, вы можете задать, с чего начинать сетку – с борозд, или с колонок и строк. Вы можете пользоваться этим плагином, используя только клавиатуру. Удаляются гайды также быстро, как и создаются. Вот нужные вам горячие клавиши:

  • Cmd + alt + g – показать модальное окно для генерации гайдов (Настройки)
  • Cmd + alt + r – удалить все гайды (после подтверждения)
  • Crtl+r – переключатель видимости линейки (также показывает или прячет все гайды)

Скачать Evenly distributed Guides

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5