1. 常用圖

平時畫的比較多的是流程圖、交互圖和架構圖，一般使用 Draw.io 這款免費的在線網(wǎng)頁繪圖工具就可以搞定了。

之所以選擇這款繪圖工具，主要是以下幾個原因：

1.1 使用方便

無需登錄，直接進入網(wǎng)頁 https://app.diagrams.net ，可以直接使用海量模板新建項目。

選擇模板

然后進入編輯頁面，在左側選擇需要的圖形，拖到繪圖區(qū)進行編輯，然后在右側修改樣式就好了。

Draw.io 也可以在線繪圖，可以直接搜索需要的圖形，比如服務器，當然也可以直接粘貼本地或網(wǎng)絡圖片。

1.2 樣式美觀

Draw.io 提供了幾種默認主題和預設圖形風格，比如我最喜歡的手繪風格。

當然也可以對圖形進行高度靈活的定制，如果對界面開發(fā)比較熟悉的話，甚至可以直接編輯圖形的屬性值。

屬性編輯

1.3 豐富導出

可以將繪制好的圖形一鍵導出為圖片、矢量圖、PDF、HTML 文檔等。

其實這些都沒什么，我最喜歡的一點是，它可以直接生成在線網(wǎng)頁，分享給別人就能快速瀏覽了，還提供了小工具欄，可以縮放、截圖、打印和快速編輯。

此外，還可以導出繪圖為嵌入式網(wǎng)頁！這樣就能把各種作圖直接無縫集成我們自己開發(fā)的網(wǎng)頁中了。

導出為嵌入格式

1.4 便于存儲和導入

可以隨時保存繪圖為本地文件，或存儲到 GitHub 等在線空間中；當需要再次編輯時，從同樣的地方導入即可。

對于習慣用 GitHub 來存放和分享代碼的同學來說，這點太實用了，意味著你可以和其他同學協(xié)作繪圖。

2. ER 圖

后臺開發(fā)同學可能會接觸到 ER 圖，常用于數(shù)據(jù)庫設計中，表示數(shù)據(jù)的屬性和關系。

我一般不會手動去畫這玩意，需要的時候直接用數(shù)據(jù)庫管理軟件（比如 Navicat、JetBrains DataGrip 等）根據(jù)已有的庫表生成就好了。

自動生成 ER 圖

3. UML 類圖

UML 類圖用于表示類與類之間的關系，幫助快速了解整個系統(tǒng)的設計結構。

和 ER 圖一樣，我也不會自己去畫這玩意兒，累死個人。一般直接用集成開發(fā)環(huán)境（比如 JetBrains IDEA）自動根據(jù)代碼去生成 UML 類圖就行了，如圖：

自動生成 UML 類圖

這不比自己畫的好看？

可視化圖表

圖表可以更直觀地展示數(shù)據(jù)和趨勢，在 PPT 匯報中扮演著舉足輕重的地位。

常見的圖表有條形圖、柱狀圖、餅圖、折線圖等等。

雖然 Excel、PPT 都可以畫圖表，但相對有點丑，我比較推薦 Flourish ，一款在線生成可視化圖表的網(wǎng)站。

內(nèi)置了豐富的圖表類型模板：

選擇圖表類型后，配置要展示的數(shù)據(jù)和圖表樣式即可。

我最喜歡這個網(wǎng)站提供的 動態(tài)圖表 和 URL 分享 功能，可以快速制作那種動態(tài)變化數(shù)值的實時排行榜。

做好之后可以一鍵分享網(wǎng)頁地址，讓他人瀏覽，也可以嵌入到自己的網(wǎng)頁中。

導出圖表網(wǎng)頁

4. 思維導圖

我最常用的思維導圖軟件是 XMind ，使用方便、主題豐富。

XMind

但一般我不會直接在 XMind 中去寫思維導圖，而是先編寫好 Markdown 文檔，然后直接在 XMind 中導入文檔就能自動根據(jù)標題、列表等元素自動生成思維導圖了。

導入 Markdown

不然，自己一個個編輯真的要累死。

后記

為什么在這篇文章中，沒有花太多的筆墨去講述各個圖表分別是什么作用、分別怎么畫呢？

因為畫圖這東西，可以模仿，多看多畫，熟能生巧。

需要畫圖時，如果畫不出來、沒有思路，就直接去網(wǎng)上搜索其他人畫的同類圖~

總結

以上是生活随笔為你收集整理的程序员常用的画图软件推荐的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。