因工作需要，我經(jīng)常需要花一些流程圖，時序圖，架構(gòu)圖什么的，之前使用的Windows系統(tǒng)，大部分情況下就用的Visio來畫圖。后來為了工作方便，換成了Mac電腦，結(jié)果發(fā)現(xiàn)Mac上沒有Visio，然后就在網(wǎng)上一頓找，也試了各種軟件，發(fā)現(xiàn)都不是特別理想或者總有一些不太滿意的地方。直到同事推薦給我ProcessOn這個在線畫圖軟件，就試著去用了用，發(fā)現(xiàn)還是很不錯的，能夠滿足我的日常工作需要，操作比較簡單，功能也比較豐富自由，我比較喜歡的一點(diǎn)是，ProcessOn提供了很多模板供我們參考，這樣就節(jié)省了很多自己從頭開始畫的時間。

下面我就帶大家來認(rèn)識一下ProcessOn吧。

• 軟件名稱：ProcessOn
• 訪問地址：https://www.processon.com/

ProcessOn目前已經(jīng)支持流程圖、原型設(shè)計(jì)、軟件建模、以及思維導(dǎo)圖等四大領(lǐng)域在線作圖。基本包含了我們工作所需要的方方面面，大家可以根據(jù)自己的需求和創(chuàng)意在ProcessOn上進(jìn)行創(chuàng)作。

下面我就重點(diǎn)帶著大家看看這款在線作圖軟件如何制作思維導(dǎo)圖和流程圖吧。

一、思維導(dǎo)圖

?任務(wù)說明：領(lǐng)導(dǎo)要求你去調(diào)研一下當(dāng)前市場上哪些免費(fèi)又好用的作圖工具，月底需要能簡單明了的給領(lǐng)導(dǎo)做個報(bào)告

?

你花了一兩周的時間對市場上各種畫圖工具做了使用和研究，并已經(jīng)初步得出結(jié)論了，那下面你就需要將你調(diào)研的結(jié)果通過一個思維導(dǎo)圖來簡單清晰的呈現(xiàn)給你的領(lǐng)導(dǎo)。

ProcessOn支持思維導(dǎo)圖，并且內(nèi)置了一些比較漂亮的主題風(fēng)格，可以直接使用，也可以自己根據(jù)自己的喜好來設(shè)計(jì)，這些ProcessOn都是支持的。

1，新建思維導(dǎo)圖

在頁面左側(cè)，點(diǎn)擊「新建」按鈕，選擇「思維導(dǎo)圖」選項(xiàng)，進(jìn)入畫布，如下圖所示：

2，工作臺介紹

整個工作臺分為三部分，最中間的部分就是畫布啦，大家可以直接在上面增加主題、子主題、子節(jié)點(diǎn)等。

工作臺的左上部分是項(xiàng)目名稱和操作欄，在這里可以更改項(xiàng)目名稱，選擇圖形的結(jié)構(gòu)，選擇樣式主題等，如圖所示：

在這里，我們將我們的項(xiàng)目命名為：作圖工具對比。

工作臺的右側(cè)是工具欄，當(dāng)我們選中節(jié)點(diǎn)時，就可以使用右側(cè)的工具對每個節(jié)點(diǎn)進(jìn)行調(diào)整，ProcessOn支持多種細(xì)節(jié)的調(diào)整，包括樣式、圖標(biāo)、圖片、備注、標(biāo)簽、鏈接、任務(wù)等，如下圖所示：

3，選擇圖形結(jié)構(gòu)

畫布已經(jīng)創(chuàng)建好了，下一步，我們可以根據(jù)需求先選擇我們的圖形結(jié)構(gòu)，ProcessOn支持的圖形結(jié)構(gòu)有：

• 左右分布
• 右側(cè)分布
• 左側(cè)分布
• 樹狀組織結(jié)構(gòu)圖
• 組織結(jié)構(gòu)圖

如圖所示：

根據(jù)我們這次的需求，我們可以選擇左右分布的結(jié)構(gòu)，左側(cè)為作圖軟件類，右側(cè)為線上工具類。