Плагин Segmented circles для создания сегментированных кругов в Sketch
Наш канал в

Этот плагин экономит часы драгоценного времени дизайнера, создавая точную круговую графику в виде секторов или линий с настраиваемыми сегментами для аналитики, графиков и дашбордов.

Плагин Segmented circles

Новая версия Segmented circles 2.0

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

Описание Segmented circles

Создание сегментированного круга

 

seg
➊ Радиус ➋ Количество сегментов ➌ Толщина

Это базовая окружность с настраиваемым количеством сегментов и толщиной. Плагин сгенерирует линейные сегменты, если задана толщина 1. Запоминает используемые параметры для последующих генераций.

Создание окружностей с переменными сегментами

 

var
➊ Радиус ➋ Произвольные значения ➌ Толщина

Круговая диаграмма с настраиваемым набором значений, разделенных запятой и задаваемой толщиной. Будет нарисована в виде линейных сегментов при заданной толщине 1. Запоминает используемые параметры.

Создание круга с отметками времени

tix
➊ Радиус ➋ Ширина штриха отметки ➌ Длина отметки

Круг с отметками времени располагает настраиваемыми основными и промежуточными метками. Генерируется в виде разделенных групп с простыми настройками. Запоминает предыдущие параметры настроек.

Создание штрихованных окружностей

 

dsh
➊ Радиус ➋ Длина штриха ➌ Длина промежутка

Используется для создания окружности с настраиваемыми равномерно распределенными штрихами и интервалами (в пикселях). Будет сгенерирована окружность в виде линейных сегментов, если задана толщина 1. Запоминает предыдущие параметры.

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

Опция Reset to defaults

Заменяет последние использованные настройки настройками по умолчанию.

Установка на Sketch (поддерживается версия 3.4 или выше)

Скачайте файл .zip. Дважды кликните на файле .sketchplugin внутри архива.

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

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

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

Полное руководство по дизайну 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