Рисование блок-схемы?


24

Есть ли какое-либо программное обеспечение, которое позволяет рисовать блок-схемы


Поскольку это не упомянуто в ответе, насколько я вижу, OpenOffice / LibreOffice Draw также можно использовать для создания блок-схем.
delmadord

Ответы:


20

Бесплатные онлайн-опции

Для чего-то быстрого, есть растущее число (обычно на основе SVG) бесплатных онлайн-инструментов. Вот некоторые из них, которые не требуют входа, все довольно простые, но удобные для пользователя:

  • Draw.io (бесплатный и открытый исходный код ) - просто, позволяет сохранять прямо на Google Drive или Dropbox. Также есть настольная версия .
  • Gliffy (бесплатно до 5 общедоступных диаграмм, затем оплата) - чистый макет, есть плагин «Confluence» для вики
  • Другие ответы на этой странице рекомендуют LucidChart (freemium) и Cacoo (freemium)

Для Mac / iOS

Omnigraffle популярен для такого рода вещей, если вам нужно быстро создать блок-схемы со стрелками со связанными блоками.

Я сам им не пользуюсь, но знаю нескольких дизайнеров информации, которые клянутся в этом как в простом способе составить схему для диаграммы, систематизировать свои мысли и получить верное расположение, содержание и структуру. Затем они экспортируются в Adobe Illustrator для разработки презентации конечного продукта - этот последний шаг можно пропустить, если вы просто создаете простые диаграммы, подобные этой.

введите описание изображения здесь


Для ПК

Я слышал расплывчатые, но позитивные вещи о Visio , и люди иногда описывают Omnigraffle как «Visio для Mac», поэтому я думаю, что они довольно эквивалентны.

Вы также можете просматривать списки альтернатив программного обеспечения, как этот .

введите описание изображения здесь



2
Я использовал Visio несколько раз для UML-диаграмм, и с помощью этого вида графиков определенно выполнимо.
JohnB

1
Omnigraffle - это не «Visio для Mac». Omnigraffle на самом деле интересно использовать. :)
DA01

1
Visio был разработан для рисования блок-схем, принципиальных схем и блок-схем для технических специалистов, которые не часто используют инструменты, предназначенные для чертежников или дизайнеров. У него есть несколько очень приятных функций (например, «приклеивание» линий к объектам, поэтому линия перемещается вместе с объектом), а также некоторые действительно громоздкие рабочие процессы, если вы привыкли к «настоящим» инструментам рисования.
Voxwoman

К сожалению, Visio - это не ПК, а Windows. Например, для меня (GNU / Linux) нет сборки Visio.
Привет, Ангел,

8

Мне нравится Dia, это бесплатный инструмент для создания диаграмм с открытым исходным кодом, доступный для Windows, Mac OSX и Linux. Он существует уже много лет и пользуется популярностью как у разработчиков программного обеспечения, так и у электронщиков.

Dia скриншот


1
Похоже, что Dia больше не в хорошем состоянии. LibreOffice Draw улучшен с момента последнего выпуска Dia, поэтому я рекомендую Draw вместо людей, которые ищут решение с открытым исходным кодом.
Scribblemacher


7

Я не знаю, подходит ли это здесь, но есть также способы с не WYSIWYG-программами. В моем примере - tikzпакет LaTeX. Обычно TeX используется для текстов и профессиональных сценариев, но возможна также красивая векторная графика, прилагая небольшие усилия. Другие отличные примеры можно найти в tex.SX или по этой ссылке . :)

введите описание изображения здесь

Исходный код:

\documentclass{standalone}
\usepackage{tikz}
\usetikzlibrary{shapes,arrows}
\begin{document}
\tikzset{  
block/.style    = {draw, thick, rectangle, minimum height = 3em, minimum width = 3em},}
\begin{tikzpicture}[auto, thick, >=triangle 45,fill=blue!20]
\node at (0,0)[circle,draw,inner sep=0pt,minimum width=3mm,name=n1,label={225:$-$},fill=blue!20] {};
\node[block,right of= n1,node distance=2cm,fill=blue!20] (con) {Controller};
\node[block,right of= con,node distance=3cm,fill=blue!20] (sys) {System};
\node[block,below of=con,xshift=1cm,node distance=2cm,fill=blue!20] (mea) {Measurement};
\draw[<-] (n1.west) to node[midway,above] {$r$} (-1,0);
\draw[->] (n1.east) to node[midway,above] {$e$} (con.west);
\draw[->] (con.east) to node[midway,above] {$u$} (sys.west);
\draw[->] (sys.east) to node[midway,above] (y) {$y$} ++(1,0);
\draw[->] (y.south) |- node[midway,above] {} (mea.east);
\draw[->] (mea.west) -| node[near end] {$y_m$} (n1.south);
\draw[<-] (sys.north) to ++(0,1) node[above] {Disturbances};
\end{tikzpicture}
\end{document}

5

Отличным онлайн-решением, которое хорошо интегрируется с Google Drive, является Lucid Chart .

Есть платные планы, но в основном это бесплатно. Я создал для него тонны диаграмм, и это типичная реализация.

введите описание изображения здесь


4

То, что вы упомянули, сделано TikZ в LaTeX. Извините, но я попробовал Lucid Charts и Visio и определенно они не так хороши, как TikZ.

Вы можете перевернуть и увидеть результат

Код:

\tikzstyle{block} = [draw, fill=blue!20, rectangle, 
    minimum height=3em, minimum width=6em]
\tikzstyle{sum} = [draw, fill=blue!20, circle, node distance=1cm]
\tikzstyle{input} = [coordinate]
\tikzstyle{output} = [coordinate]
\tikzstyle{pinstyle} = [pin edge={to-,thin,black}]

% The block diagram code is probably more verbose than necessary
\begin{tikzpicture}[auto, node distance=2cm,>=latex']
    % We start by placing the blocks
    \node [input, name=input] {};
    \node [sum, right of=input] (sum) {};
    \node [block, right of=sum] (controller) {Controller};
    \node [block, right of=controller, pin={[pinstyle]above:Disturbances},
            node distance=3cm] (system) {System};
    % We draw an edge between the controller and system block to 
    % calculate the coordinate u. We need it to place the measurement block. 
    \draw [->] (controller) -- node[name=u] {$u$} (system);
    \node [output, right of=system] (output) {};
    \node [block, below of=u] (measurements) {Measurements};

    % Once the nodes are placed, connecting them is easy. 
    \draw [draw,->] (input) -- node {$r$} (sum);
    \draw [->] (sum) -- node {$e$} (controller);
    \draw [->] (system) -- node [name=y] {$y$}(output);
    \draw [->] (y) |- (measurements);
    \draw [->] (measurements) -| node[pos=0.99] {$-$} 
        node [near end] {$y_m$} (sum);
\end{tikzpicture}

\end{document}

3

Моим любимым программным обеспечением для этого на самом деле является веб-редактор Cacoo .

Он очень хорош в большинстве стилей связанных диаграмм (оба ваших примера довольно легко создать с помощью Cacoo) и гораздо более удобен для пользователя, чем Visio (хотя и не настолько подробно). Он также кроссплатформенный из-за того, что он веб-ориентирован, и, кажется, имеет автономный режим, хотя я не использую это лично.

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

Я соединяю Cacoo с MindMeister для составления карты разума и покрываю все свои потребности в диаграммах.


2

Мой любимый проект - Карандаш . Он позволяет вам создавать все виды диаграмм, позволяет устанавливать больше форм и типов, экспортировать во многие форматы, такие как png, svg, html и т. Д., И является бесплатным! Если вы хотите, вы можете даже установить его как расширение Firefox и использовать его при просмотре веб-страниц. Вы также можете искать клипарт в Интернете прямо из программного обеспечения. Более того, вы даже можете включать виджеты UI в свои диаграммы.


2

Взгляните на Неврон Дро . Он работает на Windows и Mac и предлагает большую часть функциональности MS Visio. В частности, для диаграмм этого типа вам необходимо программное обеспечение, имеющее формы с поддержкой портов входа / выхода, разъемы, которые обнаруживают пересечения и разводят мосты, где это необходимо, а также допускают аннотации. Эти функции присутствуют в Nevron Draw.

Отказ от ответственности: я работаю на Неврон.


2
Привет, Боб, добро пожаловать в GD.SE и спасибо за ответ. Мы искренне ценим Ваш честный отказ от ответственности - именно так мы и хотели бы видеть его :). Если у вас есть какие-либо вопросы о сайте, посетите справочный центр или присоединяйтесь к нам в чате по графическому дизайну, как только это позволит ваша репутация (20). Продолжайте вносить свой вклад и наслаждайтесь сайтом!
Винсент
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.