今天給同學(xué)們安利一個(gè)超實(shí)用的在線神器，可以創(chuàng)建流程圖、UML圖、線框圖、BPNM、組織架構(gòu)圖、網(wǎng)站地圖等各式圖表，還有很多貼心功能，來一一感受下。

    之前寫醍醐灌奶酪的時(shí)候，做了一張很大的圖。可以說，當(dāng)時(shí)寫文查資料只占那篇文全部精力的一半，剩下一半則是作圖 ><。

    在我記憶里這種圖用 Axure 或者 AI 也不是不能畫，但是好死不死我電腦里并沒有這兩個(gè)軟件也并不想裝。我相信萬能的互聯(lián)網(wǎng)會(huì)給我答案！經(jīng)過一番篩選，我也成功找到了心儀的它 XD，它就是——Gliffy。

    Gliffy是可以在線創(chuàng)建流程圖、UML圖、線框圖、BPNM、組織架構(gòu)圖、網(wǎng)站地圖等各式圖表的工具型網(wǎng)站。可以同步Google、微軟以及著名不存在網(wǎng)站帳號(hào)，也可以使用郵箱注冊。免費(fèi)用戶有30天無限制試用期，試用期過后，部分組件會(huì)被鎖定（主要是UML和線框圖的部分），不能保存私有圖表，并且保存圖表限制為5張。對(duì)于大部分普通用戶來說是足夠了。

    可以在首頁直接點(diǎn)START DRAWING或者先登錄帳號(hào)都可以開始繪圖，登錄了帳號(hào)才能保存圖表哦~新建圖表后的界面是這樣的

    最上面兩行分別是菜單欄和工具欄，左邊是組件庫，右邊最大的空白區(qū)域就是編輯區(qū)了。

    畫圖的方式也非常簡單…就是把左邊組件庫的組件，拖~~~到右邊來就可以了。選中組件的時(shí)候，這個(gè)組件右邊會(huì)出現(xiàn)

    這樣的按鈕，點(diǎn)開左邊的按鈕之后就是組件屬性設(shè)置：

    應(yīng)該還挺容易看明白的吧…第一排從左到右分別是填充顏色，邊框（線條）顏色，邊框（線條）粗細(xì)，邊框（線條）種類，漸變（它的漸變是自動(dòng)的，不能手工調(diào)整），投影（同樣不能手工調(diào)整），透明度。下面則分別是坐標(biāo)尺寸旋轉(zhuǎn)角度以及鎖定功能。

    同時(shí)選中多個(gè)組件的時(shí)候，設(shè)置工具就會(huì)變樣，打開之后則是多了一排對(duì)齊工具，熟悉任意一種繪圖工具的同學(xué)應(yīng)該都會(huì)熟悉這些圖標(biāo)的意思，不明的話點(diǎn)點(diǎn)看就知道了。

    屬性設(shè)置右邊的A字按鈕，顧名思義就是修改文字設(shè)置的。只要雙擊任何一個(gè)組件，就可以在上面添加文字（如果是連接線，則可以添加多段文字，你在哪雙擊的，就會(huì)在哪添加，添加好的文字位置也可以拖動(dòng)修改），雖然不能設(shè)置文字邊距這些，但是文字位置、對(duì)齊方式這些還是可以修改的。

    另外它雖然提供了字體字號(hào)的修改工具，但是這個(gè)工具對(duì)中文的支持性…很一般，默認(rèn)導(dǎo)出的圖片只能是宋體（windows），當(dāng)然你也可以選擇導(dǎo)出svg然后再去改代碼或者進(jìn)AI編輯。

    而說到連接線，則要使用 Gliffy 提供的連接工具了：

    從左到右分別是 1.撤銷/重做；2.組合/解散組合；3.置于最前/置于最后；4.超鏈接工具；5.彈出框工具；6.格式刷；7.文字；8.形狀；9.連接/直線；10.選擇；11.移動(dòng)畫布；12.縮放；13.放大/縮小；14.自動(dòng)輔助線；15.網(wǎng)格；16.對(duì)齊網(wǎng)格；17.主題；18.圖層。

    選擇連接工具（9），組件上就會(huì)出現(xiàn)很多小十字，鼠標(biāo)挪過去之后，對(duì)應(yīng)的十字就會(huì)變成綠圈，點(diǎn)一下并拖動(dòng)到想要連接的另外一個(gè)組件上去就可以了。之后要記得選回到選擇（10）狀態(tài)，單擊連接線，就會(huì)出現(xiàn)

    這樣的編輯按鈕，同樣點(diǎn)左邊的，就會(huì)出現(xiàn)屬性設(shè)置的窗口。

    前兩個(gè)分別是初始箭頭和結(jié)束箭頭的樣式，最后一個(gè)type則是線型，有直線、折線、圓角折線、曲線四種選擇。

    最后我要盛贊它的主題…在工具欄上點(diǎn)開主題按鈕（17）之后，界面右邊就會(huì)出現(xiàn)默認(rèn)主題的選擇

    鼠標(biāo)懸停就可以查看樣式，點(diǎn)一下就可以應(yīng)用，非常方便，重點(diǎn)是，都還挺好看的。

    全部搞定之后，就可以導(dǎo)出啦。格式有PNG、JPG、SVG和 Gliffy 可選。PNG并不是透明背景的這一點(diǎn)不是特別好…當(dāng)然導(dǎo)出svg也完全沒問題。

    PS：除了我上述這些，Gliffy 還帶有表格功能、圖層管理、插入圖片、直接打印等等其他功能，因?yàn)槲覜]用過，就不多說了 XDD 更詳細(xì)的功能說明可以參考他們的使用說明，雖然都是英文的，但是配圖很多不怕不懂~

    當(dāng)時(shí)為了貨比三家，也找了很多其他的在線工具，去掉使用 flash 的網(wǎng)站之后…就沒剩幾個(gè)了。這里比較推薦使用的是Draw.io，優(yōu)點(diǎn)是完全免費(fèi)，缺點(diǎn)是需要自備梯子以及主題不好看 =3=。另外如果只是結(jié)構(gòu)圖或者腦暴圖，也可以選擇各種腦圖工具，比如百度腦圖，優(yōu)點(diǎn)當(dāng)然是操作簡單，缺點(diǎn)也是由此而引發(fā)的自定性差。

更多關(guān)于材料方面、材料腐蝕控制、材料科普等方面的國內(nèi)外最新動(dòng)態(tài)，我們網(wǎng)站會(huì)不斷更新。希望大家一直關(guān)注中國腐蝕與防護(hù)網(wǎng)http://www.ecorr.org

責(zé)任編輯：殷鵬飛

《中國腐蝕與防護(hù)網(wǎng)電子期刊》征訂啟事
投稿聯(lián)系：編輯部
電話：010-62313558-806
郵箱：fsfhzy666@163.com
中國腐蝕與防護(hù)網(wǎng)官方 QQ群：140808414