Schema a blocchi di disegno?


Risposte:


20

Opzioni online gratuite

Per qualcosa di rapido, c'è un numero crescente di strumenti di diagramma di flusso online gratuiti (di solito SVG-powered). Eccone alcuni che non richiedono il login, tutti piuttosto semplici ma facili da usare:

  • Draw.io (gratuito e open source ) - semplice, consente di salvare direttamente su Google Drive o Dropbox. Ha anche una versione desktop .
  • Gliffy (gratis fino a 5 diagrammi pubblici, quindi pay-for) - layout pulito, ha un plugin 'Confluence' per wiki
  • Altre risposte a questa pagina raccomandano LucidChart (freemium) e Cacoo (freemium)

Per mac / iOS

Omnigraffle è popolare per questo genere di cose, se quello che vuoi è creare rapidamente diagrammi di flusso con freccia pesante a blocchi collegati.

Non lo uso da solo, ma conosco alcuni progettisti di informazioni che lo giurano come un modo semplice per mettere insieme un contorno per un diagramma, organizzare i loro pensieri e ottenere il layout, il contenuto e la struttura giusti. Esportano quindi in Adobe Illustrator per progettare la presentazione del prodotto finale: potresti saltare questo passaggio finale se stai semplicemente realizzando diagrammi del genere.

inserisci qui la descrizione dell'immagine


Per PC

Ho sentito cose vaghe ma positive su Visio e le persone a volte descrivono Omnigraffle come "Visio per Mac", quindi penso che siano abbastanza equivalenti.

Puoi anche sfogliare elenchi di software alternativi come questo .

inserisci qui la descrizione dell'immagine



2
Ho usato Visio alcune volte per i diagrammi UML, questo tipo di grafici è sicuramente fattibile usandolo.
Giovanni B

1
Omnigraffle non è "Visio per il mac". Omnigraffle è in realtà divertente da usare. :)
DA01,

1
Visio è stato progettato per disegnare diagrammi di flusso, schemi circuitali e schemi a blocchi per tecnici che spesso non usano strumenti progettati per disegnatori o progettisti. Ha alcune caratteristiche molto belle (come "incollare" le linee sugli oggetti, quindi la linea si sposta con l'oggetto), ma anche alcuni flussi di lavoro davvero ingombranti se sei abituato a strumenti di disegno "reali".
Voxwoman,

Purtroppo Visio non è PC ma Windows. Ad esempio per me (GNU / Linux) non c'è build di Visio.
Hi-Angel,

8

Mi piace Dia che è uno strumento di creazione di diagrammi open source gratuito disponibile per Windows, Mac OSX e Linux. È in circolazione da anni ed è popolare tra i software e gli ingegneri elettronici.

Dia screenshot


1
Non sembra più che Dia sia molto ben mantenuto. LibreOffice Disegna come passi da gigante migliorati rispetto all'ultima versione di Dia, quindi consiglierei invece Draw a chi cerca una soluzione open source.
Scribblemacher,


7

Non so se sia adatto qui, ma ci sono anche modi con programmi non WYSIWYG. Nel mio esempio il tikzpacchetto di LaTeX. Normalmente TeX viene utilizzato per testi e scriptum professionali, ma anche una grafica vettoriale di bell'aspetto è possibile, con un piccolo sforzo. Altri grandi esempi possono essere trovati in tex.SX o dietro questo link . :)

inserisci qui la descrizione dell'immagine

Codice sorgente:

\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

Un'ottima soluzione online, che si integra bene con Google Drive è Lucid Chart .

Ci sono piani a pagamento, ma è per lo più gratuito. Ho creato tonnellate di diagrammi per questo e questa è un'implementazione tipica.

inserisci qui la descrizione dell'immagine


4

Quello che hai menzionato è fatto da TikZ in LaTeX. Scusate ma ho provato Lucid Charts e Visio e sicuramente non sono bravi come TikZ.

Puoi sfogliare e vedere il risultato

Il codice:

\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

Il mio software preferito per questo è in realtà un editor basato sul web, Cacoo .

È molto buono nella maggior parte degli stili di diagramma collegati (entrambi i tuoi esempi sono abbastanza facili da realizzare con Cacoo) ed è molto più intuitivo di Visio (anche se non così approfondito). È anche multipiattaforma perché basato sul Web e sembra avere una modalità offline, anche se non la uso personalmente.

Il motivo per cui ho optato per Cacoo era in realtà a causa della sua funzionalità di collaborazione, che consente a più utenti di lavorare contemporaneamente sullo stesso diagramma. Ovviamente questo non funziona così bene in modalità offline, ma è sorprendentemente efficace quando vuoi mostrare a qualcuno un'idea o fare rapidi cambiamenti.

Associo Cacoo a MindMeister per la mappatura mentale e ho coperto tutte le mie esigenze di diagrammi.


2

Il mio preferito è Pencil Project . Ti permette di costruire tutti i tipi di diagrammi, ti consente di installare più forme e tipi, esportare in molti formati, come png, svg, html ecc. Ed è gratuito! Se lo desideri, puoi persino installarlo come estensione firefox e utilizzarlo mentre navighi sul Web. Puoi anche cercare clipart nel Web direttamente dal software. Inoltre, puoi persino includere widget dell'interfaccia utente nei tuoi diagrammi.


2

Dai un'occhiata a Nevron Draw . Funziona su Windows e Mac e offre la maggior parte delle funzionalità di MS Visio. In particolare per questo tipo di diagrammi è necessario un software che abbia forme con supporto per le porte interne / esterne, connettori che rilevano incroci e disegnano ponti dove appropriato e consentono anche annotazioni. Queste funzionalità sono presenti in Nevron Draw.

Disclaimer: lavoro per Nevron.


2
Ciao Bob, benvenuto su GD.SE e grazie per la tua risposta. Il tuo onesto disclaimer è molto apprezzato - questo è in realtà il modo in cui ci piace vederlo :). Se hai domande sul sito, dai un'occhiata al centro assistenza o sentiti libero di unirti a noi in Graphic Design Chat una volta che la tua reputazione te lo consente (20). Continua a contribuire e goditi il ​​sito!
Vincent
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.