大家好，今天給大家介紹幾款簡單好用、也挺有趣的流程圖繪制軟件。

同時也分享個一鍵將流程圖動畫化的工具?？梢詫崿F(xiàn)以下動畫效果。

這種動圖記錄下了我們繪制流程圖的步驟，有助于梳理思路，回顧整個思考過程。

我想了下，如果課堂上老師把課堂講過的內(nèi)容畫成流程圖，然后一鍵生成動畫，是不是有助于學(xué)生們回顧和記憶課堂內(nèi)容，有讀者從事教育行業(yè)的可以嘗試一下。

本期工具實現(xiàn)的一些效果

最簡單的流程圖。

草圖模式流程圖。

你可以自己給圖配色；

也可以從工具自帶樣式庫里選擇一種配色模式一鍵配色。

具體的工具使用，大家可以親自去嘗試下。

工具推薦：

一、draw.io(網(wǎng)址：www.draw.io）

draw.io是一個很流行的開源項目，可以繪制各種圖表，包括流程圖，泳道圖，組織結(jié)構(gòu)圖等等。

下圖是draw.io創(chuàng)建文件的截圖，可以看到支持很多種圖表類型。

它內(nèi)置的形狀也非常豐富：

如果你是第一次進入網(wǎng)站，可能是英語界面，按照下圖可更改語言為中文。

使用我就不介紹了，大家鼠標隨便點點就會，說一下我流程圖樣式調(diào)整的幾個選項，如何畫出我上面那種草圖形式。：

• 鼠標移動到形狀上，可以拖動形狀到中間面板上?；蛘咧苯狱c按形狀也可以移到面板上。

• 上圖紅色矩形框選的是樣式調(diào)整的幾個選項。選中草圖，點擊上面第一個紅色矩形框住的顏色，就可以調(diào)整左邊矩形的中間填充顏色，假如我選擇淺藍色，就會出現(xiàn)下面的樣式。

• 不勾選草圖就是最簡單的無任何樣式的黑框，適合一些比較正式的文件，如下圖。

二、excalidraw

excalidraw其實是一款開源的手繪風白板工具，畫出的示意圖個性活潑，不呆板。

文章開頭的動圖就是用它繪制，然后使用第三部分的工具轉(zhuǎn)化成動畫的。下面是演示動畫：

它還支持擴展圖標庫：點擊右上角素材庫即可添加圖標。

三、excalidraw-animate

excalidraw-animate是一個將excalidarw中繪制的示意圖按照步驟動畫化的工具。

項目地址：https://github.com/dai-shi/excalidraw-animate

不過原網(wǎng)址不支持中文手繪字體，我自己也搭建了一個修改了一下，支持手繪字體，使用的手繪字體是"沐瑤軟筆手寫體"。

網(wǎng)址：draw.lingchenbox.xyz（支持中文手繪風格）

使用演示：

總結(jié)：

分享了三個工具，draw.io、excalidraw和excalidraw-animate。

相關(guān)網(wǎng)址：1是功能強大的繪圖軟件，2是可以畫出活潑俏皮風格示意圖的白板工具，3是將流程圖一鍵轉(zhuǎn)動畫的工具。

1. https://www.draw.io 或者 https://app.diagrams.net/

2. https://www.excalidraw.com (不支持中文手繪字體) 或者 https://excalidraw.lingchenbox.com （支持中文手繪字體）

3. https://draw.lingchenbox.com （支持中文手繪字體）

另外我其實也測試了其余幾款流程圖軟件，包括：yEd Graph Editor、Graphviz、SimpleDiagrams、Dia等，但是有一些問題不如今天推薦的幾款，比如軟件較老，風格比較難看；不好上手，還得需要學(xué)習成本；或者需要登錄才能使用等。

比較下來，專業(yè)畫圖，還是draw.io，免費開源，在線即用。甚至有些國內(nèi)收費工具也是基于它改的。不想在線也可以下載桌面客戶端，不聯(lián)網(wǎng)也可使用。

如果想繪制活潑一點的流程圖，把繪制流程圖的步驟記錄下來，并一鍵生成動畫，方便演示或者整理思路。那就使用excalidraw配合和excalidraw-animate。

如果你想繪制的圖更有設(shè)計感，也可以選擇一些付費的流程圖軟件，這個就不做推薦了，大家可自行搜索。

over，我們下周見。