วาดแผนภาพบล็อก


24

มีซอฟต์แวร์ใดบ้างที่อนุญาตให้วาดไดอะแกรมบล็อก


เนื่องจากไม่ได้กล่าวถึงในคำตอบเท่าที่ฉันเห็น OpenOffice / LibreOffice Drawสามารถใช้สร้างไดอะแกรมบล็อกได้เช่นกัน
delmadord

คำตอบ:


20

ตัวเลือกออนไลน์ฟรี

สำหรับบางสิ่งบางอย่างที่รวดเร็วมีเครื่องมือแผนภูมิออนไลน์ฟรีที่เพิ่มจำนวนมากขึ้น นี่คือบางส่วนที่ไม่จำเป็นต้องเข้าสู่ระบบทั้งหมดเป็นพื้นฐานที่สวยงาม แต่ใช้งานง่าย:

  • Draw.io (ฟรีและโอเพ่นซอร์ส ) - ตรงไปตรงมาให้บันทึกตรงไปยัง Google Drive หรือ Dropbox นอกจากนี้ยังมีรุ่นสก์ท็อป
  • Gliffy (ฟรีไดอะแกรมสาธารณะสูงสุด 5 ไดอะแกรมจากนั้นจ่ายเงิน) - เลย์เอาต์ที่สะอาดมีปลั๊กอิน 'Confluence' สำหรับวิกิ
  • คำตอบอื่น ๆ ในหน้านี้แนะนำLucidChart (freemium) และCacoo (freemium)

สำหรับ mac / iOS

Omnigraffleนั้นเป็นที่นิยมสำหรับสิ่งนั้นถ้าคุณต้องการที่จะสร้างแผนภาพลูกศรที่มีการเชื่อมต่ออย่างรวดเร็ว

ฉันไม่ได้ใช้ด้วยตัวเอง แต่ฉันรู้ว่านักออกแบบข้อมูลบางคนที่สาบานด้วยวิธีง่ายๆในการรวบรวมโครงร่างสำหรับไดอะแกรมจัดระเบียบความคิดของพวกเขาและรับเลย์เอาต์เนื้อหาและโครงสร้างที่ถูกต้อง จากนั้นพวกเขาส่งออกไปยัง Adobe Illustrator เพื่อออกแบบงานนำเสนอผลิตภัณฑ์ขั้นสุดท้าย - คุณสามารถข้ามขั้นตอนสุดท้ายนี้ได้หากคุณทำไดอะแกรมง่ายๆ

ป้อนคำอธิบายรูปภาพที่นี่


สำหรับพีซี

ฉันเคยได้ยินสิ่งที่คลุมเครือ แต่เป็นแง่ดีเกี่ยวกับVisioและบางครั้งผู้คนก็เรียก Omnigraffle ว่า 'Visio for Mac' ดังนั้นฉันคิดว่ามันค่อนข้างเท่ากัน

คุณยังสามารถเรียกดูรายการทางเลือกซอฟต์แวร์เช่นนี้ได้

ป้อนคำอธิบายรูปภาพที่นี่



2
ฉันใช้ Visio สองสามครั้งสำหรับไดอะแกรม UML กราฟประเภทนี้สามารถใช้งานได้อย่างแน่นอน
JohnB

1
Omnigraffle ไม่ใช่ 'Visio สำหรับ mac' Omnigraffle สนุกกับการใช้งานจริง ๆ :)
DA01

1
Visio ได้รับการออกแบบมาเพื่อวาดผังงานแผนภาพวงจรและบล็อกไดอะแกรมสำหรับนักเทคนิคที่ไม่ได้ใช้เครื่องมือที่ออกแบบมาสำหรับนักเขียนแบบร่างหรือนักออกแบบบ่อยนัก มันมีคุณสมบัติที่ดีบางอย่าง (เช่น "ติดกาว" สายไปยังวัตถุเพื่อย้ายสายกับวัตถุ) แต่ยังขั้นตอนการทำงานที่ยุ่งยากบางจริงๆถ้าคุณกำลังใช้ในการ "ของจริง" เครื่องมือวาดภาพ
Voxwoman

น่าเสียดายที่ Visio ไม่ใช่ PC แต่เป็น Windows เช่นสำหรับฉัน(GNU / Linux)ไม่มี Visio build
สวัสดีแองเจิล

8

ฉันชอบDiaซึ่งเป็นเครื่องมือสร้างไดอะแกรมโอเพนซอร์สฟรีสำหรับ Windows, Mac OSX และ Linux มันรับรอบปีและเป็นที่นิยมกับทั้งซอฟต์แวร์และวิศวกรอิเล็กทรอนิกส์

ภาพหน้าจอ Dia


1
ดูเหมือนว่า Dia จะไม่ได้รับการดูแลอย่างดีอีกต่อไป LibreOffice Draw เป็น leaps และขอบเขตที่ดีขึ้นตั้งแต่การเปิดตัว Dia ครั้งล่าสุดดังนั้นฉันขอแนะนำ Draw สำหรับผู้ที่กำลังมองหาโซลูชันโอเพ่นซอร์ส
Scribblemacher


7

ฉันไม่รู้ว่ามันเหมาะสมที่นี่ แต่ก็มีหลายวิธีที่ไม่ใช่ WYSIWYG-programms ในตัวอย่างของฉันtikz-package of LaTeX ปกติ TeX จะใช้สำหรับข้อความและ scriptum มืออาชีพ แต่ก็ยังมีกราฟิกแบบเวกเตอร์ที่ดูดีและเป็นไปได้ด้วยความพยายามเล็กน้อย ตัวอย่างที่ยอดเยี่ยมอื่น ๆ สามารถพบได้ใน 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 ไดรฟ์แผนภูมิสุวิมล

มีแผนการชำระเงิน แต่ส่วนใหญ่ฟรี ฉันได้สร้างไดอะแกรมสำหรับตันและนี่เป็นการใช้งานทั่วไป

ป้อนคำอธิบายรูปภาพที่นี่


4

สิ่งที่คุณพูดถึงทำโดย TikZ ใน LaTeX ขออภัยฉันลอง Lucid Charts และ Visio และแน่นอนว่าพวกเขาไม่ดีเท่า TikZ

คุณสามารถ overleaf และดูผลลัพธ์

รหัส:

\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

ซอฟแวร์ที่ชื่นชอบสำหรับนี้เป็นจริงบรรณาธิการ Web-based Cacoo

เป็นสิ่งที่ดีมากในสไตล์ไดอะแกรมที่เชื่อมโยงกันมาก (ทั้งสองตัวอย่างของคุณทำกับ Cacoo ได้ง่าย) และใช้งานง่ายกว่า Visio (แม้ว่าจะไม่ใช่เชิงลึก) นอกจากนี้ยังเป็นแพลตฟอร์มข้ามแพลตฟอร์มเนื่องจากใช้งานบนเว็บและดูเหมือนว่าจะมีโหมดออฟไลน์ แต่ฉันไม่ได้ใช้สิ่งนั้นเป็นการส่วนตัว

เหตุผลที่ฉันตัดสิน Cacoo นั้นเป็นเพราะคุณสมบัติการทำงานร่วมกันซึ่งทำให้ผู้ใช้หลายคนสามารถทำงานบนไดอะแกรมเดียวกันได้ในครั้งเดียว เห็นได้ชัดว่าวิธีนี้ใช้งานไม่ได้ในโหมดออฟไลน์ แต่มีประสิทธิภาพที่น่าประหลาดใจเมื่อคุณต้องการแสดงความคิดหรือเปลี่ยนแปลงอย่างรวดเร็ว

ฉันจับคู่ Cacoo กับMindMeisterเพื่อทำแผนที่ความคิดและครอบคลุมความต้องการด้านการทำแผนภาพทั้งหมด


2

ที่ฉันชอบคือโครงการดินสอ มันช่วยให้คุณสร้างไดอะแกรมทุกประเภทช่วยให้คุณสามารถติดตั้งรูปร่างและประเภทเพิ่มเติมส่งออกไปยังรูปแบบต่าง ๆ เช่น png, svg, html เป็นต้นและฟรี! หากคุณต้องการคุณสามารถติดตั้งมันเป็นส่วนเสริมของ Firefox และใช้มันในขณะที่คุณท่องเว็บ คุณยังสามารถค้นหาภาพตัดปะในเว็บได้โดยตรงจากซอฟต์แวร์ ยิ่งไปกว่านั้นคุณยังสามารถรวมวิดเจ็ต UI ไว้ในไดอะแกรมของคุณ


2

ลองดูที่Nevron วาด มันทำงานบน Windows และ Mac และนำเสนอฟังก์ชั่น MS Visio เกือบทั้งหมด โดยเฉพาะอย่างยิ่งสำหรับไดอะแกรมชนิดนี้คุณต้องใช้ซอฟต์แวร์ที่มีรูปร่างที่รองรับพอร์ตขาเข้า / ขาออกตัวเชื่อมต่อที่ตรวจจับการข้ามและวาดสะพานตามความเหมาะสมและอนุญาตให้ใช้คำอธิบายประกอบ คุณสมบัติเหล่านั้นมีอยู่ใน Nevron Draw

คำเตือน: ฉันทำงานให้กับ Nevron


2
สวัสดี Bob ยินดีต้อนรับสู่ GD.SE และขอบคุณสำหรับคำตอบของคุณ ข้อจำกัดความรับผิดชอบที่ซื่อสัตย์ของคุณได้รับการชื่นชมอย่างมาก - นี่คือวิธีที่เราชอบดู :) หากคุณมีคำถามใด ๆ เกี่ยวกับเว็บไซต์ลองดูที่ศูนย์ช่วยเหลือหรืออย่าลังเลที่จะเข้าร่วมกับเรา n Graphic Design Chatเมื่อชื่อเสียงของคุณอนุญาตให้คุณ (20) ร่วมให้ข้อมูลและเพลิดเพลินกับเว็บไซต์!
Vincent
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.