還在用visio?這款畫圖工具才是真的絕!


最近有讀者私信我,問我推文的配圖是用什么工具畫的,很好看,也想學習一下。今天就給大家介紹一下這款畫圖工具——Draw.io

概述

draw.io是一款免費的網頁版畫圖工具(也有桌面版),支持流程圖、UML圖、架構圖、原型圖等,簡單好用。下面幾張圖都是用draw.io制作的:

看起來效果還不錯有木有~

進入畫圖工具

我個人比較常用的是網頁版,打開網址 https://app.diagrams.net/之后,會彈出來一個窗口,讓我們選擇把文件存放在哪里。

目前支持六種存儲方式:

  1. Google Drive
  2. OneDrive
  3. Device:本地
  4. Dropbox
  5. Github
  6. Gitlab

我一般是選擇存儲到 Github,需要在 Github 新建一個項目,用來存放 draw.io 的文件。

選擇好存儲方式之后,就會進入如下頁面,第一次就選擇創建新的流程圖(Create New Diagram)。

然后就進入draw.io 的主界面啦。

主界面

主界面分為幾個區域,菜單欄、工具欄、圖形區、畫布、繪圖樣式設置區。

快速開始

接下來就帶大家看看怎么使用吧!

首先是切換語言,點擊右上角的地球即可進行語言切換。

在圖形區有八個選項,通常可以在這里面找到想要的圖形。

第一個是便箋本,可以存放自定義的圖形,我們可以將外部的圖形拖到這個區域,保存下來,后面就可以使用這些自定義圖形進行畫圖。

也可以點擊下方的更多圖形解鎖更豐富的圖形哦。

將圖形區的圖形直接拖動到畫布,然后就可以開始創作啦。

在右邊樣式設置區可以對選中的圖形進行修改,比如使用我比較喜歡的sketch樣式,效果如下:

如果覺得背景太單調,可以給圖形增加背景條紋~

圖形與圖形之間鏈接非常方便,鼠標移到圖形上面便會出現鏈接圖形的標志,點擊此標志會自動進行圖形鏈接。

圖形旋轉也很簡單,選中圖形之后,右上角會出現旋轉的小圖標,按住此圖標進行拖動即可進行旋轉操作。

以上就是draw.io的基本使用教程,當然draw.io還有很多有用的功能,感興趣的小伙伴可以自行研究~

如果大家覺得這個畫圖工具不錯的話,麻煩幫我點個贊


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM