今天特地寫一篇介紹畫圖工具的文章,給有需要的朋友一個參考。
先上幾張圖讓大家看看效果:
1. 用什麼畫的圖?對於畫流程圖的工具,之前大家用得比較多的可能是:visio和process on了。
visio是微軟的一款畫圖軟體,需要在電腦上安裝,正版軟體是付費的,但網上也可以搜到很多破解版。它是我用過的最早的畫流程圖工具了,後面使用 mac 電腦辦公之後,就沒有用過它了,之前覺得它跨電腦辦公有點不方便。
process on是一款免費在線畫圖工具,功能非常強大。除了常規的各種流程圖之外,對於思維導圖支持也非常友好。但有個缺點是只能免費保存最近9張圖,想保留更多的圖,需要付費升級。
前面的兩款畫圖工具,說到底還是收費的,對於喜歡白嫖的我們來說,有點無法接受。那麼,有沒有一款免費、在線、功能強大的畫流程圖的工具呢?
答:有,可以使用:diagrams,也可以叫它:draw.io。
這款畫圖工具的官網地址是:https://app.diagrams.net/,它的前身是:https://draw.io/。這兩個 url 都能訪問。
同時它也提供了離線版的畫圖軟體,大家可以自己下載 diagrams 的安裝軟體,不過有個壞處是它是收費的。
所以,我用得最多的還是在線版的。
2. 如何進入畫圖界面?如何進入 diagrams 的畫圖界面呢?
在瀏覽器上輸入 diagrams 的官網地址,我平時喜歡輸入:https://draw.io/,因為它比較好記。
第一次訪問的時候有點慢,因為它要初始化一些東西。
接下來,會彈出一個窗口,讓我們選擇畫的圖需要保存到哪裡。
它主要支持四種:
我目前為了圖方便,用的最多的是Device,它可以把畫的圖保存到本地電腦,也可以從本地電腦導入已有的圖。
其實如果可以的話,把圖保存到Github,也是個不錯的選擇。
接下來,會彈出一個窗口,讓你選擇是 Create New Diagram(創建新流程圖),還是選擇 Open Existing Diagram(打開已有的流程圖)。
我們第一次進來,當然是選擇創建新流程圖了。
然後,進入畫流程圖的主界面。
3. 畫圖界面的組成部分diagrams 的工作界面主要是由以下幾個部分組成:
此外,如果你想修改流程圖名稱的話,可以雙擊左上角的Untitled Diagram.drawio這幾個字,會彈出如下窗口:
在這個窗口中可以修改流程圖的名稱和文件類型,默認是.drawio格式的。
下面用一張圖總結一下 diagrams 的工作界面主要組成部分。
3.1 菜單欄File菜單:包含了一系列的文件操作,包括:新建、打開文件、打開最近的文件、保存文件、另存為文件、分享文件、重命名、拷貝文件、導入、導出、列印、關閉等。Edit菜單:包含了一系列工作區的操作,包括:回退、撤回、剪切、複製、粘貼、刪除、查找、替換、編輯、編輯屬性、選擇、全選等。View菜單:包含了一系列的視圖操作,包括:恢復默認布局、大綱視圖、圖層、標籤、網格、滾動條、全屏等。Arrange菜單:包含了一系列圖形排列操作,包括:在前面、在後面、插入圖形、對齊等。Extras菜單:包含了一系列額外的操作,包括:主題、展開、收縮、插件、編輯畫圖區、配置等。Help菜單:主要包含一系列全局的操作,包括:搜索、快捷鍵、關於等。3.2 工具欄工具欄中包含了一些常用的功能,比如:圖片尺寸、放大、縮小、退回、撤銷、刪除、在前、在後、背景色、字體顏色、連接、陰影、添加表格、添加圖形、全屏、展開、收縮等。
這些功能真的太實用了。
3.3 左邊圖形區左邊圖形區可以選擇我們畫圖時需要的圖形,默認有 7 類圖形。
如果無法滿足要求,可以點擊 More Shapes 按鈕,選擇更多類型。
上圖中我另外加了IOS類的圖形。
我個人喜歡使用General類的圖形,裡面常用的圖形都有,畫一般的流程圖是夠用的。
當然,你也可以根據個人喜歡,選擇更多的類型畫圖。
3.4 畫圖區畫圖區是最重要的地方了,你的流程圖是在這片區域完成的。
你可以在左邊的圖形區選擇好圖形之後,用滑鼠拖到畫圖區,也可以直接在畫圖區複製已有的圖形。
還可以給畫圖區加網格。
點擊右鍵,空白的地方會出現一些操作選項。
在某個具體圖形上點擊右鍵,會出現一些圖形相關的選項。
3.5 右邊樣式區右邊樣式區可以說是 diagrams 的靈魂。
選擇的圖形,在畫圖區默認是這樣的:
一眼看過去,顯得非常單調。
但如果在右邊樣式區加了一些樣式之後,圖形馬上變得不一樣了。
對於文本樣式也有挺多功能可以設置的。
3.6 底部底部主要展示的是每頁的名稱。
點擊左側三個點,可以切換、插入、刪除和重命名頁面。
點擊右側的加號,可以立刻新增頁面。
我們每次畫圖需要在某個頁面上操作。但如果你需要畫的圖很多,可以使用頁進行歸類,方面今後維護。不太建議一頁上畫的圖太多,不然畫圖時會非常卡。
總結本文主要介紹了 diagrams 畫圖工具,它是一款免費的在線畫圖工具,也叫做 draw.io。它的功能非常強大,包括:菜單欄、工具欄、左邊圖形區、畫圖區、右邊樣式區、底部等。
當然本文只是拋磚引玉,給大家介紹了 diagrams 的一小部分功能。它的強大之處,需要大家自己多動手摸索。