幹掉 visio,這個畫圖神器真的絕了!!!

2022-01-01 菜鳥教程
來源 | 蘇三說技術作者 | 蘇三呀前言

今天特地寫一篇介紹畫圖工具的文章,給有需要的朋友一個參考。

先上幾張圖讓大家看看效果:

1. 用什麼畫的圖?

對於畫流程圖的工具,之前大家用得比較多的可能是:visio和process on了。

visio是微軟的一款畫圖軟體,需要在電腦上安裝,正版軟體是付費的,但網上也可以搜到很多破解版。它是我用過的最早的畫流程圖工具了,後面使用 mac 電腦辦公之後,就沒有用過它了,之前覺得它跨電腦辦公有點不方便。

process on是一款免費在線畫圖工具,功能非常強大。除了常規的各種流程圖之外,對於思維導圖支持也非常友好。但有個缺點是只能免費保存最近9張圖,想保留更多的圖,需要付費升級。

前面的兩款畫圖工具,說到底還是收費的,對於喜歡白嫖的我們來說,有點無法接受。那麼,有沒有一款免費、在線、功能強大的畫流程圖的工具呢?

答:有,可以使用:diagrams,也可以叫它:draw.io。

這款畫圖工具的官網地址是:https://app.diagrams.net/,它的前身是:https://draw.io/。這兩個 url 都能訪問。

同時它也提供了離線版的畫圖軟體,大家可以自己下載 diagrams 的安裝軟體,不過有個壞處是它是收費的。

所以,我用得最多的還是在線版的。

2. 如何進入畫圖界面?

如何進入 diagrams 的畫圖界面呢?

在瀏覽器上輸入 diagrams 的官網地址,我平時喜歡輸入:https://draw.io/,因為它比較好記。

第一次訪問的時候有點慢,因為它要初始化一些東西。

接下來,會彈出一個窗口,讓我們選擇畫的圖需要保存到哪裡。

它主要支持四種:

我目前為了圖方便,用的最多的是Device,它可以把畫的圖保存到本地電腦,也可以從本地電腦導入已有的圖。

其實如果可以的話,把圖保存到Github,也是個不錯的選擇。

接下來,會彈出一個窗口,讓你選擇是 Create New Diagram(創建新流程圖),還是選擇 Open Existing Diagram(打開已有的流程圖)。

我們第一次進來,當然是選擇創建新流程圖了。

然後,進入畫流程圖的主界面。

3. 畫圖界面的組成部分

diagrams 的工作界面主要是由以下幾個部分組成:

此外,如果你想修改流程圖名稱的話,可以雙擊左上角的Untitled Diagram.drawio這幾個字,會彈出如下窗口:

在這個窗口中可以修改流程圖的名稱和文件類型,默認是.drawio格式的。

下面用一張圖總結一下 diagrams 的工作界面主要組成部分。

3.1 菜單欄File菜單:包含了一系列的文件操作,包括:新建、打開文件、打開最近的文件、保存文件、另存為文件、分享文件、重命名、拷貝文件、導入、導出、列印、關閉等。Edit菜單:包含了一系列工作區的操作,包括:回退、撤回、剪切、複製、粘貼、刪除、查找、替換、編輯、編輯屬性、選擇、全選等。View菜單:包含了一系列的視圖操作,包括:恢復默認布局、大綱視圖、圖層、標籤、網格、滾動條、全屏等。Arrange菜單:包含了一系列圖形排列操作,包括:在前面、在後面、插入圖形、對齊等。Extras菜單:包含了一系列額外的操作,包括:主題、展開、收縮、插件、編輯畫圖區、配置等。Help菜單:主要包含一系列全局的操作,包括:搜索、快捷鍵、關於等。3.2 工具欄

工具欄中包含了一些常用的功能,比如:圖片尺寸、放大、縮小、退回、撤銷、刪除、在前、在後、背景色、字體顏色、連接、陰影、添加表格、添加圖形、全屏、展開、收縮等。

這些功能真的太實用了。

3.3 左邊圖形區

左邊圖形區可以選擇我們畫圖時需要的圖形,默認有 7 類圖形。

如果無法滿足要求,可以點擊 More Shapes 按鈕,選擇更多類型。

上圖中我另外加了IOS類的圖形。

我個人喜歡使用General類的圖形,裡面常用的圖形都有,畫一般的流程圖是夠用的。

當然,你也可以根據個人喜歡,選擇更多的類型畫圖。

3.4 畫圖區

畫圖區是最重要的地方了,你的流程圖是在這片區域完成的。

你可以在左邊的圖形區選擇好圖形之後,用滑鼠拖到畫圖區,也可以直接在畫圖區複製已有的圖形。

還可以給畫圖區加網格。

點擊右鍵,空白的地方會出現一些操作選項。

在某個具體圖形上點擊右鍵,會出現一些圖形相關的選項。

3.5 右邊樣式區

右邊樣式區可以說是 diagrams 的靈魂。

選擇的圖形,在畫圖區默認是這樣的:

一眼看過去,顯得非常單調。

但如果在右邊樣式區加了一些樣式之後,圖形馬上變得不一樣了。

對於文本樣式也有挺多功能可以設置的。

3.6 底部

底部主要展示的是每頁的名稱。

點擊左側三個點,可以切換、插入、刪除和重命名頁面。

點擊右側的加號,可以立刻新增頁面。

我們每次畫圖需要在某個頁面上操作。但如果你需要畫的圖很多,可以使用頁進行歸類,方面今後維護。不太建議一頁上畫的圖太多,不然畫圖時會非常卡。

總結

本文主要介紹了 diagrams 畫圖工具,它是一款免費的在線畫圖工具,也叫做 draw.io。它的功能非常強大,包括:菜單欄、工具欄、左邊圖形區、畫圖區、右邊樣式區、底部等。

當然本文只是拋磚引玉,給大家介紹了 diagrams 的一小部分功能。它的強大之處,需要大家自己多動手摸索。

相關焦點

  • 電腦辦公必備畫圖軟體visio正式版是一款功能強大的圖形方案製作軟體.附官方下載地址——產品密鑰
    畫圖軟體visio正式版是一款功能強大的圖形方案製作軟體。畫圖軟體visio官方版擁有數據驅動的動態可視化工具和模板、強大的流程管理以及先進的 Web 共享功能,幫助用戶輕鬆進行圖表繪製。通過畫圖軟體visio軟體用戶可以繪製流程圖、架構圖、網絡圖、日程表等圖表,提高辦公效率。
  • 0305.拓撲圖Visio繪圖軟體技巧
    Visio技巧總結在畫組織結構圖的時候:文件—新建—商務—組織結構圖即可快速的畫出模板所需要的東西1、Visio畫圖時
  • 用Visio畫流程圖的這些技能,你Get了嗎?
    小編為你支招:畫流程圖總是會遇到各種各樣的頭疼的問題,基於小編畫圖時常遇到的問題,為大家整理了9個技能,一起來看看吧
  • visio教程:如何調整連接線上文字的位置?
    當然是右邊第二張好看,左邊這張有兩個問題:1是這個文字比較小,容易看不到;2是這個文字的位置,一般默認是連接線的中間位置,看起來就很不方便。那該如何調整,才能變成第二張圖片呢?1.不止是連接線上的文字可以這樣修改,基本上visio裡的所以文字都可以在這兩塊修改樣式。連接線上的文字,我們建議用比正式流程裡文字的顏色淺一點點,大小小一號即可。2. 文字位置接下來我們說說連接線上的文字位置,這個是決定連接線文字好不好看的關鍵。連接線上文字位置默認是在連接線中間位置,所以像有的連接線太長,那文字一下子就跑得很遠。
  • Microsoft Visio 2013 下載|Microsoft Visio 2013 簡體中文版下載...
    窗口想選擇自己需要的,點擊【確定】即可Visio 2013官方下載截圖81、Microsoft visio2、Microsoft visio免費版如何放大字體?答:1、選中需要編輯的,2、調整你需要的字體大小。如:8pt。3、然後選擇你需要的字體樣式,如:宋體4、最後得到Microsoft Visio 2013修改字體結果。
  • PPT畫圖
    昨天的公號歪樓,說寫兩期PPT怎麼畫圖。先說昨天的PAM4眼圖眼圖,是先畫曲線,組合,然後立體視角。
  • VISIO畫圖技巧:圖形陣列
    ,但是下面的圖形呢?這個填充圖形有50行,50列,共計2500個笑臉,如果單純靠複製粘貼,估計要成哭臉了看看這個設置會有什麼效果。
  • 你用的是什麼畫圖軟體?簡單說一說三款畫圖軟體
    下面,簡單談談畫圖的事情吧。工欲善其事必先利其器。今時今日,如果哪位電氣工程師還是一根線一根線的在電腦上畫電氣圖,那我必須要給他推薦三款很好用功能很強悍的畫圖軟體:SuperWORKS IEC版EPLAN ElectricAutoCAD Electrical
  • 畫圖畫出內傷?這個黑科技是專門來拯救你的!
    披星戴月地畫圖!我們起得比雞早,睡得比狗晚。白天畫圖還好說,晚上通常都是一個人挑燈夜戰,這樣,顯示器裡的畫面就特別刺眼,根據北美照明工程協會建議:屏幕亮度與環境亮度對比不要超過1:3.9。你別以為是開玩笑,真的頭大!一張圖能畫三個多小時,眼睛疼,頭也疼。以前覺得是我們對建築師工作過敏,這兩天換了顯示器才發現:是硬體問題!
  • 畫圖軟體
    畫圖軟體 攝影圖像 大小: 8.39M
  • 酷酷的爆炸效果_Python海龜畫圖不僅僅是畫圖
    Python的海龜畫圖模塊不僅僅是畫圖。用它還能製作動畫,製作多媒體遊戲等更多創意作品。在這個叫《酷酷的爆炸效果》作品中。每一個爆炸效果其實都是一隻海龜對象。只不過它們的造型在不斷地變化。為了有很多效果同時運行,採用了多線程的方式設計這個程序。
  • 畫圖軟體用哪款比較好?內存小,專業畫圖就選它
    畫圖軟體用哪款比較好?在日常學習、工作中,畫圖是我們比較基礎的一項工作技能。如果想要繪畫出想要效果的圖紙,小夥伴們便需要具備一款合適的畫圖軟體。「迅捷畫圖」提供了十幾種模板分類標籤和主題風格,能夠滿足大家在不同場景下的繪圖需求。這款軟體內存小,專業畫圖選它更方便。
  • 以畫圖為工具的趨勢交易的辦法
    這裡介紹以趨勢與話筒作為工具的趨勢交易的方法一知道畫圖的目的。很多技術交易者都是通過畫圖來獲得和發現交易機會。所以畫圖的目的是什麼呢?就是發現機會。最終畫圖的目的就是為了賺錢。那麼這個機會是什麼樣的機會呢?這個機會就是交易系統當中的趨勢清晰下的進場的機會。有的是以指標來判斷趨勢的比如布林,還有均線來判斷趨勢方向。但是裸k情況下的趨勢判斷更為接近,圖表的趨勢的本質。
  • qq畫圖紅包最難畫的是什麼圖 畫圖紅包哪個圖案最難識別
    QQ畫圖紅包在春節期間又火了一把,網友們為了讓朋友領不到紅包也是想了很多圖案。有人問qq畫圖紅包最難畫的是什麼圖?下面小編就分享畫圖紅包最難識別圖案。  qq畫圖紅包最難畫出和識別的圖案  目前畫圖紅包中最難的估計就是空氣了,空氣要怎麼畫呀,這不是跟qq成語接龍裡的「一個頂倆」一樣無解嗎。
  • Word怎麼畫圖?手把手教你兩招
    我們都知道用Word編輯文檔很方便,如果我們想用Word畫圖該怎麼做呢?可能有人會問Word不是主要用來編輯文字的嗎?怎麼畫圖?
  • 畫圖程序應用技巧
    畫圖程序應用技巧   我們每天打開機器,在程序中總有畫圖與你相伴,不少朋友都瞧不起Windows自帶的「畫圖」程序,常常忽略了它的存在  一、截取屏幕畫面  如要截取屏幕上顯示的畫面,只需先按下Print Screen鍵(如欲截取當前活動窗口中畫面則要同時按「Alt+Print Screen」鍵),然後選擇「開始→附件→畫圖」,啟動畫圖程序
  • 復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈
    復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈!復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈復古絲絨粗發箍拍了拍你,這個小臉造型神器真的靈!
  • 《QQ》畫圖紅包梳妝檯簡筆畫
    梳妝檯在很多小夥伴心中都沒有這個概念,所以就不太清楚怎麼去畫了。下面小編為大家帶來的是QQ畫圖紅包梳妝檯簡筆畫和標準畫法,其實還是比較簡單的,還不知道怎麼畫的小夥伴可以來看看哦! 梳妝檯在很多小夥伴心中都沒有這個概念,所以就不太清楚怎麼去畫了。
  • 羊羔毛牛角扣外套,這個組合真的一絕
    羊羔毛牛角扣外套,這個組合真的一絕!用我閨蜜的話說,這件外套看起來簡簡單單,但是!上身真的太美了!!氣質立馬就提升了,讓人挪不開眼。而且,百搭呀!!搭衛衣襯衫裙子牛仔褲靴子都毫無壓力~這個顏色也是真的很絕~非常正、非常秋冬的棕色比黑色更有質感,又比灰色更加顯瘦#今天穿什麼# #潮流風格穿搭#
  • 《QQ》畫圖紅包火烈鳥簡筆畫
    18183首頁 《QQ》畫圖紅包火烈鳥簡筆畫 《QQ》畫圖紅包火烈鳥簡筆畫 來源:網絡