Draw.io 中文線上製作流程圖首選!專業水準完全免費 - 電 ...
文章推薦指數: 80 %
最近在研究可以畫出流程圖、架構圖、線路圖、網站模板等圖表的製作工具,一開始先 ... 硬碟應用程式,這樣一來你可以從Google Drive 直接新增「 Draw.io 」的流程圖。
跳到主要內容
Draw.io中文線上製作流程圖首選!專業水準完全免費
取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式
作者:
EsorHuang
2月13,2015
最近在研究可以畫出流程圖、架構圖、線路圖、網站模板等圖表的製作工具,一開始先研究單機的免費製圖軟體,發現知名的「Dia」、「Pencil」、「DiagramDesigner 」似乎剩「DiagramDesigner」還有繼續更新(感謝網友提醒:Dia也偶爾會有更新),但只能在Windows上使用,這也讓我轉而開始研究可以跨平台的線上工具。
線上的圖表製作工具還不少,除了我之前非常推薦的「Cacoo」之外,也讓我重新發現了今天要介紹的這個「 Draw.io」。
單機流程圖軟體推薦:yEd免費下載商業使用流程圖軟體!自動排版超好用
為什麼要說是重新發現呢?因為「Draw.io」前身叫做「 Diagramly」,是一個已經發展多年的線上流程圖軟體,難能可貴的是,他一直保持「完全免費」,並且直到2015年的現在都依然持續更新(最近他們還發表文章說明自己保持永久免費的決心)。
所以當我隔了幾年再次看到「Draw.io」後,發現它已經是一個「速度飛快」、「圖庫素材齊全」、「範本專業豐富」,可以「線上、離線」使用,還能與GoogleDrive完美結合的圖表製作工具,而且有中文介面,是對一般工作者、老師學生來說非常值得推薦的流程圖繪製軟體。
「Draw.io」還有一個特點,他雖然是一個線上工具,但卻不提供雲端儲存服務(所以也不需註冊登入),也就是說你繪製的圖表不會儲存在「Draw.io」,要自己儲存在你的硬碟、你的Dropbox,或是你的Google雲端硬碟中。
「Draw.io」拋棄儲存服務,但專注的去把一個線上流程圖製作軟體發展到最快最好用。
開啟「Draw.io」線上工具
延伸閱讀,你一定會感興趣的其他圖表繪製軟體:
DrawExpressDiagram真手繪流程圖心智圖免費軟體
Coggle最好用免費線上心智圖軟體教學:簡單卻強大
不輸Excel!用Google試算表製作圖表一次上手教學
creately線上圖表軟體:免費套用數千資訊圖表範本
好用原型設計軟體Mockplus免費畫互動App與網頁
1.免註冊,新增、編輯雲端硬碟或單機硬碟檔案
打開「Draw.io」網站,一開始會詢問你要在什麼地方新增流程圖表?你可以選擇GoogleDrive、Dropbox、硬碟等地方。
如果你已經使用「Draw.io」一段時間,也可以選擇從上述地方匯入舊檔案開啟修改。
雖然「Draw.io」不能自己儲存我們的流程圖,但這樣一來反而讓我們可以把繪製完成的圖表「存在自己的工作檔案夾」,對我們來說更加方便。
2.豐富專業的預設圖表範本
當選擇新增流程圖時,會出現可以選擇「Templates(範本)」的視窗,你可以在右上方的選單裡選擇預設的商務流程圖、工業流程圖、心智圖、網路架構圖、軟體開發流程圖,或是網頁草圖。
這些範本除了幫助我們學習流程圖繪製,有時候也可以省一些時間。
3.簡單易用的中文繪圖介面
「Draw.io」有繁體、簡體中文介面,繁體翻譯雖然還沒有很完全,但基本上你可以在重要功能上看到熟悉的中文。
而「Draw.io」的介面也簡單易懂,類似GoogleDocs的風格,左方是可以拖曳到畫面中使用的圖表圖庫,右方則是細節編輯面板。
4.齊全多樣化的圖庫素材
「Draw.io」內建的圖庫非常豐富,除了流程圖需要的基本符號外,也包含了網頁草圖、手機介面、UML、電路圖、網路架構,或是規劃AWS、Cisco、Azure時需要的圖案。
我們可以在左方的圖庫清單裡,選擇「更多圖案」來開啟更多圖庫內容。
5.進階的圖文細節編修
當把圖案素材拖曳到畫面後,可以利用右方的編輯面板來做微調,包含改變圖案的顏色、特效,修改文字大小風格等等。
6.流暢的拖拉圖表繪製
在繪製流程圖的便利性上「Draw.io」也不輸專業軟體。
例如我可以直接從一個方塊的任何邊緣拉出路線到另外一個方塊,「Draw.io」會自動畫出路線方向,在操作上很體貼用戶,減少了許多額外操作步驟。
而如果我想要在圖表中新增圖片,也只要從桌面直接拖曳一張圖片進到網頁中,就能如下圖這樣編輯使用。
更重要的一點是「Draw.io」速度非常快,可能是我用過速度最流暢的線上圖表繪製工具。
7.儲存成各種格式的圖表檔案
因為「Draw.io」本身不儲存我們的圖表檔案,所以當完成流程圖製作時要記得儲存到自己的空間,例如我們的硬碟,或是雲端硬碟。
我會建議選擇與GoogleDrive或Dropbox同步,這樣在使用「Draw.io」的過程中會自動幫我們儲存檔案到雲端硬碟,以免編輯到一半的檔案消失。
「Draw.io」還可以讓我們把圖表轉存成多種格式,除了支援PNG、JPG圖檔外,也能存成PDF或向量SVG檔案。
若是選擇儲存成「Draw.io」的XML檔,則可以讓後續隨時編輯這份流程圖。
8.離線使用,與GoogleDrive連動
雖然也可以和Dropbox同步,但是「Draw.io」和GoogleDrive有更完美的搭配,你可以安裝「Draw.io」的雲端硬碟應用程式,這樣一來你可以從GoogleDrive直接新增「Draw.io」的流程圖。
或者你可以安裝「Draw.io的離線ChromeApp」,這樣一來你可以像是單機軟體一樣打開「Draw.io」,並且支援離線製作流程圖。
「Draw.io」是一款速度飛快、功能專業,又簡單好上手的線上流程圖製作軟體,並且他完全免費,當然他沒有Cacoo那樣的協同合作與社群功能,但單人使用應該綽綽有餘,推薦有需要的朋友可以試試看。
轉貼本文時禁止修改,並且必須註明來自電腦玩物原創作者esorhuang(異塵行者),及附上原文連結:Draw.io中文線上製作流程圖首選!專業水準完全免費
文章分類:
流程圖軟體
資訊管理與網路工作
網站服務與Web2.0
製作圖表
繪圖軟體
EsorHuang
電腦玩物站長Esor(異塵行者),在電腦玩物上的文章有別於單純的軟體和服務介紹,而是更強調軟體和服務背後的數位工作思維及方法,並說明實際應用後帶來的生活改變。
著有《電腦玩物站長的筆記思考術》、《大腦減壓的子彈筆記術:用Evernote打造快狠準系統》、《比別人快一步的Google工作術:從職場到人生的100個聰明改造提案》等暢銷書籍。
取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式
留言
緊看緊登線2015年2月13日晚上7:01我來試試看回覆刪除回覆回覆匿名2015年2月13日晚上9:05謝謝分享~回覆刪除回覆回覆匿名2015年2月13日晚上10:37Dia去年九月還有更新哦。
http://ftp.gnome.org/pub/gnome/sources/dia/0.97/dia-0.97.3.news只是功能就增加很慢。
不過前幾年回報一個bug,沒多久就修正了。
回覆刪除回覆EsorHuang2015年2月13日晚上10:59原來如此,感謝你的補充刪除回覆回覆回覆tsuifei2015年2月13日晚上11:05很棒!謝謝介紹說明~回覆刪除回覆回覆Unknown2015年2月16日上午9:24感謝分享!輕輕試用了一下,覺得比GliffyDiagrams更快,而且可調整的細節更全面。
回覆刪除回覆EsorHuang2015年2月16日下午2:07我也是測試過後覺得比Gliffy快刪除回覆回覆回覆Jason'sLife2015年2月24日上午10:24謝謝分享回覆刪除回覆回覆Nishadha2015年3月21日下午3:40HaveyoutriedourdiagrammingtoolCreately?Ithasfarmoretemplatesandpowerfulusabilityfeaturesforfasterdiagramming.Wouldloveifyoucanreviewourproducttoo.回覆刪除回覆EsorHuang2015年3月23日上午11:01Iwilltryit刪除回覆回覆匿名2015年4月11日下午3:59似乎不能使用標楷體刪除回覆回覆treats.mohw2015年10月31日下午6:47把字型點開,點選最下面那個,可以改成你想要的字體(標楷體),改了之後,那份圖檔的字型都有標楷體可以選擇刪除回覆回覆回覆Unknown2015年4月23日凌晨2:30刚试了很棒谢谢分享!回覆刪除回覆回覆Unknown2015年5月27日上午11:27請問可以使用標楷體輸出圖檔嗎?謝謝~回覆刪除回覆EsorHuang2015年5月27日中午12:29應該不行刪除回覆回覆匿名2016年12月15日凌晨2:47"文字"->"自訂..."->輸入"標楷體"->按"應用",這樣就可以用標楷體了喔刪除回覆回覆30%2020年4月29日下午3:48覺得這個回答受用!!刪除回覆回覆回覆匿名2015年5月28日晚上7:01請問如何將頁面轉呈橫向回覆刪除回覆匿名2015年5月28日晚上7:22您好~應該是說我做完圖表但是列印出來是直向的會被切掉,找不到地方橫向列印刪除回覆回覆EsorHuang2015年5月29日中午12:49在Download下載檔案的選單裡,選擇[Advanced],可以手動調整長寬比的解析度刪除回覆回覆回覆NivekLiu2015年7月4日上午9:12離線使用,好像不能夠匯出成圖檔或PDF,功能上比線上版要少回覆刪除回覆回覆Dave2016年3月4日凌晨2:43IwouldrecommendalsotryingLucidchartwhichisveryeasy,hasafreeplan,andiscollaborative.回覆刪除回覆EsorHuang2016年3月4日清晨6:25Lucidchart確實也是很棒的刪除回覆回覆回覆匿名2016年6月2日下午1:25請問可以讀取visio檔案嗎?回覆刪除回覆Unknown2019年2月18日下午5:19可以喔刪除回覆回覆回覆Nick112016年7月16日晚上8:28請問如何修改draw.io更新儲存時間,一直儲存用起來會用卡卡的[email protected]回覆刪除回覆回覆Unknown2016年7月26日凌晨12:46請問如何轉成中文版的抱歉一直找不到語言項目>
延伸文章資訊
- 1程式設計師你是怎麼繪製架構圖? - 人人焦點
- 2程式設計師如何畫好架構圖? - 最鐵資訊
系統架構圖是為了抽象的表示軟體系統的整體輪廓和各個元件之間的相互關係和約束邊界,以及軟體系統的物理部署和軟體系統的演進方向的整體檢視。 3、架構圖 ...
- 3程式設計師你是怎麼繪製架構圖? - CodingNote.cc
作為一個程式設計師,假如讓你繪製當前正在開發的項目的架構圖,你會怎麼繪製? 背景. 先來同步一個理念。架構圖的作用是什麼? 我回答一下:.
- 42022年最佳的8款流程圖軟體 - GitMind
- 5Draw.io 中文線上製作流程圖首選!專業水準完全免費 - 電 ...
最近在研究可以畫出流程圖、架構圖、線路圖、網站模板等圖表的製作工具,一開始先 ... 硬碟應用程式,這樣一來你可以從Google Drive 直接新增「 Draw.io 」的流程圖。