블록 다이어그램을 그리시겠습니까?


24

블록 다이어그램을 그릴 수있는 소프트웨어가 있습니까?


내가 볼 수있는 한 대답에 언급되어 있지 않기 때문에 OpenOffice / LibreOffice Draw 를 사용하여 블록 다이어그램을 만들 수도 있습니다.
delmadord

답변:


20

무료 온라인 옵션

빠른 것을 위해 점점 더 많은 (일반적으로 SVG 기반) 무료 온라인 흐름도 도구가 있습니다. 다음은 로그인이 필요없는 몇 가지 예입니다. 모두 기본이지만 사용자 친화적입니다.

  • Draw.io (무료 및 오픈 소스 )-간단하며 Google 드라이브 또는 Dropbox에 바로 저장할 수 있습니다. 또한이 데스크톱 버전 .
  • Gliffy (최대 5 개의 공개 다이어그램 및 유료)-깔끔한 레이아웃, 위키 용 'Confluence'플러그인
  • 이 페이지의 다른 답변은 LucidChart (프리미엄) 및 Cacoo (프리미엄)를 추천합니다

맥 / iOS

Omnigraffle 은 연결된 블록 화살표가 많은 플로우 다이어그램을 신속하게 만드는 것이라면 이러한 종류의 것으로 유명합니다.

나는 그것을 직접 사용하지는 않지만 다이어그램에 대한 개요를 정리하고 생각을 정리하며 레이아웃, 내용 및 구조를 올바르게 얻는 간단한 방법으로 맹세하는 정보 디자이너 몇 명을 알고 있습니다. 그런 다음 Adobe Illustrator로 내보내 최종 제품의 프레젠테이션을 디자인합니다. 간단한 다이어그램을 만드는 경우에는이 마지막 단계를 건너 뛸 수 있습니다.

여기에 이미지 설명을 입력하십시오


PC 용

나는 Visio 에 대해 모호하지만 긍정적 인 것을 들었고 사람들은 때때로 Omnigraffle을 'Visio for Mac'이라고 묘사하기 때문에 그것들은 상당히 동등하다고 생각합니다.

이와 같은 소프트웨어 대체 목록을 찾아 볼 수도 있습니다 .

여기에 이미지 설명을 입력하십시오



2
UML 다이어그램에 Visio를 몇 번 사용했지만 이러한 종류의 그래프를 사용하면 분명히 사용할 수 있습니다.
JohnB

1
Omnigraffle은 'Visio for the Mac'이 아닙니다. Omnigraffle은 실제로 사용하기에 재미 있습니다. :)
DA01

1
Visio는 초안 또는 디자이너를 위해 설계된 도구를 자주 사용하지 않는 기술 담당자를 위해 순서도, 회로 다이어그램 및 블록 다이어그램을 그리도록 설계되었습니다. 선은 객체에 "접착"하기 때문에 선이 객체 와 함께 이동 하는 것과 같은 매우 훌륭한 기능을 제공 하지만 그리기 도구를 "실제"로 사용하는 경우 정말 번거로운 워크 플로도 있습니다.
Voxwoman

불행하게도 Visio는 PC가 아니라 Windows입니다. 예를 들어 (GNU / Linux) Visio 빌드가 없습니다.
Hi-Angel

8

저는 Windows, Mac OSX 및 Linux에서 사용할 수있는 무료 오픈 소스 다이어그램 도구 인 Dia 를 좋아 합니다. 몇 년 동안 사용되어 왔으며 소프트웨어 및 전자 엔지니어 모두에게 인기가 있습니다.

Dia 스크린 샷


1
Dia가 더 이상 잘 유지되지 않는 것 같습니다. LibreOffice Draw는 마지막 Dia 릴리스 이후 향상된 도약과 한계로, 오픈 소스 솔루션을 찾는 사람들에게는 Draw를 권장합니다.
Scribblemacher


7

여기에 적합한 지 모르겠지만 WYSIWYG 프로그램이 아닌 방법도 있습니다. 이 예에서는 tikzLaTeX 의 패키지입니다. 일반적으로 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 드라이브와 잘 통합되는 훌륭한 온라인 솔루션은 Lucid Chart 입니다.

유료 플랜이 있지만 대부분 무료입니다. 나는 그것을 위해 많은 톤의 다이어그램을 만들었으며 이것은 전형적인 구현입니다.

여기에 이미지 설명을 입력하십시오


4

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}

3

가장 좋아하는 소프트웨어는 실제로 웹 기반 편집기 인 Cacoo 입니다.

대부분의 링크 된 다이어그램 스타일 (예 : Cacoo를 사용하여 쉽게 만들 수 있음)에서 매우 우수하며 Visio보다 훨씬 사용자 친화적입니다 (심층적이지는 않지만). 또한 웹 기반이기 때문에 크로스 플랫폼이며 오프라인 모드를 사용하는 것 같습니다.하지만 개인적으로는 사용하지 않습니다.

제가 Cacoo에 정착 한 이유는 실제로 협업 기능 덕분에 여러 사용자가 한 번에 동일한 다이어그램을 작업 할 수있었습니다. 분명히 이것은 오프라인 모드에서 잘 작동하지 않지만 누군가에게 아이디어를 보여 주거나 빠르게 변경하려고 할 때 놀랍게 효과적입니다.

Cacoo와 MindMeister 를 쌍으로 연결하여 모든 다이어그램 요구 사항을 처리했습니다.


2

내가 가장 좋아하는 것은 연필 프로젝트 입니다. 그것은 모든 종류의 다이어그램을 만들 수 있으며 더 많은 모양과 유형을 설치하고 png, svg, html 등과 같은 많은 형식으로 내보낼 수 있으며 무료입니다! 원하는 경우 Firefox 확장으로 설치하여 웹을 탐색 할 때 사용할 수도 있습니다. 소프트웨어에서 직접 웹에서 클립 아트를 검색 할 수도 있습니다. 또한 UI 위젯을 다이어그램에 포함시킬 수도 있습니다.


2

Nevron Draw를 살펴보십시오 . Windows 및 Mac에서 작동하며 대부분의 MS Visio 기능을 제공합니다. 특히 이러한 유형의 다이어그램에는 내 / 외부 포트 지원 기능이있는 소프트웨어, 교차점을 감지하고 적절한 곳에 브리지를 그리고 주석을 허용하는 커넥터가있는 소프트웨어가 필요합니다. 이러한 기능은 Nevron Draw에 있습니다.

면책 조항 : 저는 Nevron에서 일합니다.


2
Bob 님, GD.SE에 오신 것을 환영합니다. 답변 해 주셔서 감사합니다. 귀하의 정직한 면책 조항은 대단히 감사합니다. 이것이 실제로 우리가보고 싶어하는 방식입니다. 사이트에 대해 궁금한 점이 있으면 도움말 센터를 보거나 평판이 좋으면 그래픽 디자인 채팅으로 문의하십시오 (20). 계속 기여하고 사이트를 즐기십시오!
Vincent
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.