Draw.io — главый инструмент для построения диаграмм

Draw.io — любимая программа для построения диаграмм.

Как человек, который постоянно работает с управлением продуктов и процессов, могу твердо заявить, что Draw.io — одна из самых важных программ на моем рабочем столе, когда дело доходит до набросков идей и проектов. Использую его для создания схем технологических процессов при оценке проектов для клиентов, а также для разработки макетов пользовательского интерфейса и моделей данных. Считаю, что это один из самых простых и интуитивно понятных программных инструментов для создания диаграмм, с которыми приходилось сталкиваться, и я хотел показать несколько особенностей этой программы, которые могут помочь другим испытать радость от работы с Draw.io.

В этой статье я хочу подробно рассказать об основных функциях Draw.io, а также о некоторых полезных, но менее распространенных функциях, которые могут помочь вам в создании диаграмм.

Рабочее пространство

Основное представление, в котором вы строите диаграммы в draw.io, отображает фигуры слева, рабочее пространство посередине и параметры стиля справа.

Представления диаграммы

На панели «Формат» есть много настроек для работы с фигурами, но одна из наиболее полезных областей — это настройки «Диаграмма». Здесь вы можете переключать линии сетки, поля страницы для печати, фоновое изображение или тень для всех фигур. Если мне когда-нибудь понадобится создать быструю диаграмму и отправить скриншот кому-нибудь, чтобы быстро передать идею, отключение линий сетки — отличный инструмент для достойной презентации.

Больше библиотек фигур

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

Сохраните свои собственные формы

Через некоторое время вы можете заметить, что тяготеете к похожим стилям или формам. Чтобы сэкономить время, вы можете создать фигуру или группы фигур и сохранить их в своих собственных библиотеках фигур.

Затем эти библиотеки можно экспортировать и импортировать в другие экземпляры Draw.io. Также можно добавлять ссылки на изображения в виде форм, что может быть удобно, если вы часто используете определенные логотипы, смайлики или значки, которые не включены в библиотеку ресурсов Draw.io.

Настройка свойств

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

  • Подвижная метка :: позволяет перемещать текст в фигуре.
  • Контейнер :: позволяет перетаскивать фигуры на него, чтобы автоматически группировать их.
  • Сворачиваемый :: Позволяет минимизировать фигуру и ее содержимое до текста диалога. Это также может минимизировать размер формы.
  • Свертывание дерева :: Если фигура сворачиваемая, свертывание фигуры приведет только к сворачиванию дочернего содержимого фигуры.

Прыжки по линии

Некоторые диаграммы могут быть довольно запутанными из-за большого количества линий. Один из способов избавиться от хаоса, связанного с пересечением строк, — это использовать форматирование строк в стиле перехода к линиям.

Инструменты таблицы

В библиотеке «Разное» есть несколько встроенных форм таблиц. В конце концов я узнал, что на вкладке «Расстановка форматов» на самом деле есть действия по изменению таблицы, включая вставку и удаление строк и столбцов. Это значительно ускоряет проектирование таблиц по сравнению с ручным изменением формы.

Встроенная математика!

Draw.io также имеет встроенную поддержку Latex, Inline Latex и AsciiMath . Это позволяет очень легко включать математические формулы и другие латексные выражения в ваши диаграммы. Однако вам необходимо включить «Математический набор текста» в параметрах «Формат диаграммы».

https://www.diagrams.net/doc/faq/math-typesetting

Темы

Мне потребовалось некоторое время, чтобы понять, что на самом деле внутри Draw.io есть несколько тем, которые доступны из настроек. Тема Minimal позволяет использовать плавающие панели «Формат» и «Фигуры», которые я считаю чрезвычайно полезными.

Резюме

Draw.io — это просто самый интуитивно понятный инструмент для построения диаграмм, который я когда-либо использовал. Это отличный инструмент для передачи визуальных идей и описания потоков, проектов и концепций, ориентированных на процессы. Я очень рекомендую проверить это!