Diagrama de bloques de dibujo?

¿Existe algún software que permita dibujar diagramas de bloques?

• así: http://upload.wikimedia.org/wikipedia/commons/f/f5/Windows_2000_architecture.png

• o así:

  

Opciones gratis en línea

Para algo rápido, hay un número creciente de herramientas de diagrama de flujo en línea gratuitas (generalmente con SVG). Aquí hay algunos que no requieren inicio de sesión, todos bastante básicos pero fáciles de usar:

• Draw.io ( código abierto y gratuito ): sencillo, permite guardar directamente en Google Drive o Dropbox. También tiene una versión de escritorio .
• Gliffy (gratis hasta 5 diagramas públicos, luego pago) - diseño limpio, tiene un plugin 'Confluence' para wikis
• Otras respuestas en esta página recomiendan LucidChart (freemium) y Cacoo (freemium)

Para mac / iOS

Omnigraffle es popular para ese tipo de cosas, si lo que desea es hacer rápidamente diagramas de flujo de flechas pesadas de bloques conectados.

No lo uso yo mismo, pero conozco algunos diseñadores de información que lo defienden como una forma simple de armar un esquema para un diagrama, organizar sus pensamientos y obtener el diseño, el contenido y la estructura correctos. Luego exportan a Adobe Illustrator para diseñar la presentación del producto final; puede omitir este paso final si solo está haciendo diagramas simples como ese.

Para PC

He escuchado cosas vagas pero positivas sobre Visio , y la gente a veces describe a Omnigraffle como 'Visio para Mac', así que creo que son bastante equivalentes.

También puede buscar listas alternativas de software como esta .

Me gusta Dia, que es una herramienta gratuita de diagramación de código abierto disponible para Windows, Mac OSX y Linux. Ha existido durante años y es popular entre los ingenieros de software y electrónicos.

yEd es bueno en esto, es gratis y tiene versiones para Windows, Mac y Linux:

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

No sé si es adecuado aquí, pero también hay formas con no WYSIWYG-programms. En mi ejemplo, el tikzpaquete de LaTeX. Normalmente, TeX se usa para textos y escrituras profesionales, pero también son posibles gráficos vectoriales atractivos, con un poco de esfuerzo. Otros grandes ejemplos se pueden encontrar en tex.SX o detrás de este enlace . :)

Código fuente:

\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}

Una excelente solución en línea, que se integra bien con Google Drive es Lucid Chart .

Hay planes pagados, pero en su mayoría es gratis. He creado toneladas de diagramas para esto y esta es una implementación típica.

Lo que mencionaste lo hace TikZ en LaTeX. Lo siento, pero probé Lucid Charts y Visio y definitivamente no son tan buenos como TikZ.

Puedes ver al dorso y ver el resultado

El código:

\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}

Mi software favorito para esto es en realidad un editor basado en la web, Cacoo .

Es muy bueno en la mayoría de los estilos de diagrama vinculados (ambos ejemplos son bastante fáciles de hacer con Cacoo), y es mucho más fácil de usar que Visio (aunque no tan profundo). También es multiplataforma debido a que está basado en la web, y parece tener un modo fuera de línea, aunque no lo uso personalmente.

La razón por la que me decidí por Cacoo fue en realidad debido a su función de colaboración, que permite que varios usuarios trabajen en el mismo diagrama a la vez. Obviamente, esto no funciona tan bien en el modo fuera de línea, pero es sorprendentemente efectivo cuando quieres mostrarle a alguien una idea o hacer cambios rápidos.

Emparejo Cacoo con MindMeister para el mapeo mental y cubro todas mis necesidades de diagramación.

Mi favorito es Pencil Project . Le permite construir todo tipo de diagramas, le permite instalar más formas y tipos, exportar a muchos formatos, como png, svg, html, etc. ¡y es gratis! Si lo desea, incluso puede instalarlo como una extensión de Firefox y usarlo mientras navega por la web. También puede buscar imágenes prediseñadas en la web directamente desde el software. Además, incluso puede incluir widgets de IU en sus diagramas.

Echa un vistazo a Nevron Draw . Funciona en Windows y Mac y ofrece la mayoría de las funciones de MS Visio. En particular para este tipo de diagramas, necesita un software que tenga formas con soporte de puertos hacia adentro / hacia afuera, conectores que detecten cruces y dibujen puentes cuando sea apropiado y también permitan anotaciones. Esas características están presentes en Nevron Draw.

Descargo de responsabilidad: trabajo para Nevron.