绘制框图？

是否有任何软件可以绘制框图

• 像这样：http : //upload.wikimedia.org/wikipedia/commons/f/f5/Windows_2000_architecture.png

• 或像这样：

  

免费的在线选项

为了快速起见，越来越多的（通常是SVG驱动）免费的在线流程图工具。以下是一些不需要登录的信息，它们都很基本，但用户友好：

• Draw.io（免费和开源）-简单易用，可直接保存到Google云端硬盘或Dropbox。还具有桌面版本。
• Gliffy（最多释放5张公共图，然后付费）-简洁的布局，具有用于Wiki的“ Confluence”插件
• 本页上的其他答案推荐LucidChart（免费增值）和Cacoo（免费增值）

对于Mac / iOS

Omnigraffle在这种情况下很流行，如果您想要快速制作连接块箭头重的流程图。

我自己并没有使用它，但是我知道一些信息设计师会发誓，这是一种简单的方法，可以将图表的轮廓放在一起，组织他们的思想，并正确地布局，内容和结构。然后将它们导出到Adobe Illustrator，以设计最终产品的演示文稿-如果您只是在制作这样的简单图表，则可以跳过此最后一步。

对于PC

我听过关于Visio的模糊但积极的看法，人们有时将Omnigraffle称为“ Mac的Visio”，所以我认为它们相当等同。

您也可以浏览像这样的软件替代列表。

我喜欢Dia，它是可用于Windows，Mac OSX和Linux的免费开源图表绘制工具。它已经存在多年了，并且在软件和电子工程师中都很受欢迎。

yEd擅长于此，它是免费的，并且具有Windows，Mac和Linux版本：

http://www.yworks.com/en/products_yed_about.html

我不知道它是否适合这里，但是有些方法也没有所见即所得程序。在我的示例中tikz，LaTeX 的-package。通常，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}

Lucid Chart是一种出色的在线解决方案，可以很好地与Google云端硬盘集成。

有付费计划，但大部分是免费的。我已经为此创建了大量图表，这是一个典型的实现。

您所说的是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}

我最喜欢的软件实际上是基于Web的编辑器Cacoo。

它在大多数链接图样式中都非常出色（您的示例都非常容易用Cacoo制作），并且比Visio更加用户友好（尽管不够深入）。由于它是基于Web的，因此它也是跨平台的，并且似乎具有脱机模式，尽管我个人并不使用它。

我选择Cacoo的原因实际上是由于其协作功能，该功能允许多个用户同时处理同一张图。显然，这在脱机模式下不能很好地工作，但是当您想向某人展示想法或进行快速更改时，效果出奇地好。

我将Cacoo与MindMeister配对以进行思维导图，并满足了我所有的制图需求。

我最喜欢的是Pencil Project。它允许您构建各种图表，安装更多形状和类型，导出为多种格式，例如png，svg，html等，并且是免费的！如果需要，您甚至可以将其安装为firefox扩展，并在浏览网络时使用它。您也可以直接从软件在网络中搜索剪贴画。而且，您甚至可以在图表中包含UI小部件。

看看Nevron Draw。它可在Windows和Mac上运行，并提供大多数MS Visio功能。特别是对于这种类型的图，您需要具有以下形状的软件：带有向内/向外端口支持的形状，可检测交叉点并在适当情况下绘制桥并还允许注释的连接器。这些功能存在于Nevron Draw中。

免责声明：我为Nevron工作。