UXPUB

UXPUB - спільнота з 3,438 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for Плагин Sketch Transform для создания гистограмм, столбчатых диаграмм, линейных графиков
Редакція
Редакція

Опубліковано

Плагин Sketch Transform для создания гистограмм, столбчатых диаграмм, линейных графиков

Плагин для Sketch, который предоставляет полезные инструменты для создания макетов диаграмм (гистограмма, столбчатая диаграмма, линейный график, и т. д.) Скачать плагин

Пример использования Sketch Transform

Вот как я использую этот плагин для ускорения процесса работы при создании макетов диаграмм в Sketch.

Гистограммы

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

  1. Рисую прямоугольник размером с будущую диаграмму
  2. В меню плагинов выбираю Plugins→Transform→Split into grid
  3. Выставляю нужное количество колонок (или горизонтальных полос). Например, для гистограммы, советую оставить расстояние между колонками (gutter) на значении 0
  4. Выбираю все, кроме первого прямоугольника (так он останется в оригинальном размере)
  5. Выбираю Plugins→Transform→Resize each
  6. Для колонок диаграммы выставляю отрицательную высоту (ширину, для гистограммы)
  7. Включаю "Cumulative" (каждая колонка становится меньше) и "Randomize", чтобы разнообразить данные
  8. Выбираю все столбцы и выравниваю по необходимому значению

Л Скачать плагин


Перевод статьи github.com

Обговорення (0)