ブロック図を描く？

ブロック図を描くことができるソフトウェアはありますか

• このような：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を「Visio for Mac」と表現することもあるので、それらはかなり同等だと思います。

このようなソフトウェアの代替リストを参照することもできます。

私は、Windows、Mac OSX、およびLinuxで利用できる無料のオープンソースの作図ツールであるDiaが好きです。それは何年も前からあり、ソフトウェアと電子技術者の両方に人気があります。

yEdはこれが得意で、無料で、Windows、Mac、Linuxのバージョンがあります。

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

ここで適切かどうかはわかりませんが、WYSIWYGプログラムではない方法もあります。私の例では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}

Googleドライブとうまく統合できる優れたオンラインソリューションはLucid Chartです。

有料プランがありますが、ほとんどは無料です。大量の図を作成しましたが、これは典型的な実装です。

あなたが言ったことは、LaTeXのTikZによって行われます。申し訳ありませんが、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よりもはるかにユーザーフレンドリーです（ただし、詳細ではありません）。また、ウェブベースであるためクロスプラットフォームであり、オフラインモードを持っているようですが、個人的には使用していません。

私がCacooに決めた理由は、実際には、複数のユーザーが一度に同じ図で作業できるようにするコラボレーション機能のためでした。明らかに、これはオフラインモードではそれほどうまく機能しませんが、誰かにアイデアを見せたり、簡単に変更したい場合には驚くほど効果的です。

マインドマッピングのためにCacooとMindMeisterをペアにし、作図のニーズをすべてカバーします。

私のお気に入りはPencil Projectです。あらゆる種類のダイアグラムを作成し、より多くの形状とタイプをインストールし、png、svg、htmlなどの多くの形式にエクスポートすることができ、無料です！必要に応じて、Firefox拡張機能としてインストールし、Webの閲覧時に使用することもできます。ソフトウェアから直接Webでクリップアートを検索することもできます。さらに、UIウィジェットを図に含めることもできます。

Nevron Drawをご覧ください。WindowsおよびMacで動作し、MS Visio機能のほとんどを提供します。特に、このタイプのダイアグラムでは、内向き/外向きポートをサポートする形状、交差点を検出し、必要に応じてブリッジを描画し、注釈も可能なコネクタを備えたソフトウェアが必要です。これらの機能はNevron Drawにあります。

免責事項：私はネブロンで働いています。