Креслення блок-схеми?


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. Його існують роками і користуються популярністю як у програмних, так і в електронних інженерів.

Діа скріншот


1
Схоже, Діа вже не дуже добре підтримується. 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, було насправді через його функцію співпраці, яка дозволяє декільком користувачам працювати над однією і тією ж схемою одночасно. Очевидно, що це не так добре працює в автономному режимі, але напрочуд ефективно, коли ви хочете показати комусь свою ідею або зробити швидкі зміни.

Я з’єдную Какоо з MindMeister для формування розуму, і всі мої потреби в діаграмах покриті.


2

Мій улюблений - проект Pencil . Це дозволяє створювати всілякі діаграми, дозволяє встановлювати більше форм і типів, експортувати до багатьох форматів, таких як png, svg, html тощо, і це безкоштовно! Якщо ви хочете, ви навіть можете встановити його як розширення Firefox і використовувати його під час перегляду веб-сторінок. Ви також можете шукати кліпарт в Інтернеті безпосередньо за допомогою програмного забезпечення. Більше того, ви навіть можете включити у свої діаграми віджети інтерфейсу користувача.


2

Погляньте на малюнок Неврона . Він працює в Windows та Mac і пропонує більшість функцій MS Visio. Зокрема, для цього типу діаграм вам потрібне програмне забезпечення, яке має форми з підтримкою портів всередині / назовні, роз'єми, які виявляють перехрестя та малюють мости, де це доречно, а також дозволяють робити анотацію. Ці особливості присутні у Невронському малюнку.

Відмова: Я працюю на Nevron.


2
Привіт, Боб, ласкаво просимо на GD.SE і дякуємо за вашу відповідь. Ваша чесна відмова від відповідальності дуже вдячна - це насправді так, як ми любимо це бачити :). Якщо у вас є якісь питання щодо сайту, загляньте в довідковий центр або не соромтесь приєднатися до нас n Чат із графічним дизайном, як тільки ваша репутація дозволить вам (20). Продовжуйте сприяти і насолоджуйтесь сайтом!
Вінсент
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.