放弃visio了,这款画图工具才是真的香!

Posted 程序员大彬

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了放弃visio了,这款画图工具才是真的香!相关的知识,希望对你有一定的参考价值。

最近有读者私信我,问我平时写文章的配图是用什么工具画的,很好看,也想学习一下。今天就给大家介绍一下这款画图工具——​​Draw.io​

概述

​draw.io​​是一款免费的网页版画图工具(也有桌面版),支持流程图、UML图、架构图、原型图等,简单好用。下面几张图都是用​​draw.io​​制作的:

放弃visio了,这款画图工具才是真的香!_流程图放弃visio了,这款画图工具才是真的香!_流程图_02放弃visio了,这款画图工具才是真的香!_工具_03

看起来效果还不错有木有~

进入画图工具

我个人比较常用的是网页版,打开网址 ​​https://app.diagrams.net/​​之后,会弹出来一个窗口,让我们选择把文件存放在哪里。

放弃visio了,这款画图工具才是真的香!_工具_04

目前支持六种存储方式:

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

我一般是选择存储到 Github,需要在 Github 新建一个项目,用来存放 ​​draw.io​​ 的文件。 选择好存储方式之后,就会进入如下页面,第一次就选择创建新的流程图(Create New Diagram)。

放弃visio了,这款画图工具才是真的香!_流程图_05

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

放弃visio了,这款画图工具才是真的香!_工具_06

主界面

主界面分为几个区域,菜单栏、工具栏、图形区、画布、绘图样式设置区。

放弃visio了,这款画图工具才是真的香!_工具_07

快速开始

接下来就带大家看看怎么使用吧! 首先是切换语言,点击右上角的地球即可进行语言切换。

放弃visio了,这款画图工具才是真的香!_工具_08

在图形区有八个选项,通常可以在这里面找到想要的图形。

放弃visio了,这款画图工具才是真的香!_工具_09

第一个是便笺本,可以存放自定义的图形,我们可以将外部的图形拖到这个区域,保存下来,后面就可以使用这些自定义图形进行画图。

放弃visio了,这款画图工具才是真的香!_工具_10

也可以点击下方的更多图形解锁更丰富的图形哦。

放弃visio了,这款画图工具才是真的香!_工具_11

将图形区的图形直接拖动到画布,然后就可以开始创作啦。

放弃visio了,这款画图工具才是真的香!_工具_12

在右边样式设置区可以对选中的图形进行修改,比如使用我比较喜欢的sketch样式,效果如下:

放弃visio了,这款画图工具才是真的香!_流程图_13

如果觉得背景太单调,可以给图形增加背景条纹~

放弃visio了,这款画图工具才是真的香!_工具_14

图形与图形之间链接非常方便,鼠标移到图形上面便会出现链接图形的标志,点击此标志会自动进行图形链接。

放弃visio了,这款画图工具才是真的香!_工具_15放弃visio了,这款画图工具才是真的香!_工具_16

图形旋转也很简单,选中图形之后,右上角会出现旋转的小图标,按住此图标进行拖动即可进行旋转操作。

放弃visio了,这款画图工具才是真的香!_流程图_17

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

如果大家觉得这个画图工具不错的话,麻烦帮我点个赞

以上是关于放弃visio了,这款画图工具才是真的香!的主要内容,如果未能解决你的问题,请参考以下文章

干掉visio,这个画图神器真的绝了!!!

干掉visio,这个画图神器真的绝了!!!

干掉visio,这个画图神器太香了

干掉visio,这个画图神器太香了

Visio画图文字不能修改

横空出世!IDEA画图神器来了,比Visio快10倍!