作為一個(gè)程序員，畫(huà)圖是必不可少的技巧。當(dāng)然此畫(huà)圖不是搞藝術(shù)，而是畫(huà)各種架構(gòu)圖、流程圖、泳道圖以及各種示意圖。

平時(shí)我不論是記筆記、寫(xiě)技術(shù)文章，還是工作中寫(xiě)文檔，都需要配上各種各樣的示意圖。不管是幫助自己更好的掌握知識(shí)，還是分享出去讓別人更好的理解，配圖都是非常重要的，所謂一圖勝千言就是這個(gè)道理，大家都喜歡圖文并茂的內(nèi)容，有時(shí)候甚至一張圖就夠了，根本不需要過(guò)多的文字解釋。

這些圖都是用 Mac 自帶的 Keynote 畫(huà)的，當(dāng)然今天要說(shuō)的不是 Keynote，因?yàn)楫?huà)了好多圖后，我發(fā)現(xiàn)用 Keynote 畫(huà)圖雖然可以很好看，但是很累，而且圖畫(huà)的好不好看，完全靠自己的審美水平。我畫(huà)圖主打一個(gè)花里花哨，一張圖可能用上好幾個(gè)顏色，主打一個(gè)以多取勝，唬住一部分人不在話下。

Keynote 更適合做那些科普類、知識(shí)類、推薦類的圖文內(nèi)容，比如小紅書(shū)，你隨便搜一個(gè)圖文類軟件推薦的博主，那種比較簡(jiǎn)潔的封面圖，就很適合用 Keynote 做。

圖片

今天要介紹的這個(gè)工具是 Excalidraw，自從發(fā)現(xiàn)這個(gè)工具后，Keynote、ProcessOn 我基本上就不用了。

Excalidraw

以下是用 Excalidraw 畫(huà)的各種類型的圖，Excalidraw 主要的就是一個(gè)手繪風(fēng)格，出來(lái)的效果很像用筆畫(huà)出來(lái)的。當(dāng)然，如果是對(duì)外比較正式的圖，也可以調(diào)整成比較嚴(yán)肅的風(fēng)格。

我感覺(jué)效果還是不錯(cuò)的。不喜勿噴！

業(yè)務(wù)架構(gòu)方案

泳道圖

示意圖

簡(jiǎn)易流程圖

圖片

如果你用過(guò)其他的畫(huà)圖工具，那對(duì)它的界面自然也不會(huì)感到陌生，都差不多，只是效果上有比較大的差別。

以下是它的一個(gè)主要操作界面。

• 可以通過(guò)上方的菜單快速的拖出矩形、菱形、原型、箭頭、線條等等。
• 選中一個(gè)圖形元素后，左側(cè)可以配置這個(gè)元素的線條風(fēng)格，這里就包括那種比較正式的風(fēng)格和手繪風(fēng)，以及直角和圓角。
• 可控制元素的內(nèi)部填充色、內(nèi)部填充風(fēng)格（實(shí)色填充、網(wǎng)格填充以及無(wú)填充）、邊框顏色。

圖片

字體問(wèn)題

Excalidraw 的官網(wǎng)地址是  https://excalidraw.com/ 。但是 Excalidraw 對(duì)于國(guó)內(nèi)的用戶來(lái)說(shuō)有一個(gè)比較嚴(yán)重的問(wèn)題，那就是它對(duì)中文的支持不是很好，默認(rèn)字體很多人不是很滿意。

下面是默認(rèn)的中文字體顯示風(fēng)格，其實(shí)還說(shuō)的過(guò)去。

圖片

但是換了字體后，看上去更舒服一點(diǎn)。（注意，此處與個(gè)人審美密切相關(guān)，要不然就不會(huì)有那么多字體了）

圖片

我個(gè)人而言，還是喜歡下面的字體，這個(gè)字體是開(kāi)源的霞鶩文楷字體。正好Excalidraw也是開(kāi)源的，所以，我專門(mén)部署了一套帶有霞鶩文楷字體的網(wǎng)站 https://excalidraw.moonkite.cn/ ，有需要的可以直接拿去用，不用謝！

在左側(cè)字體設(shè)置里，第一個(gè)就是這個(gè)霞鶩文楷字體，選中這個(gè)就可以了。

圖片