这款画图工具,yyds!

简介: 放弃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还有很多有用的功能,感兴趣的小伙伴可以自行研究~

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

相关文章
|
6月前
|
图形学
【制作100个unity游戏之29】使用unity复刻经典游戏《愤怒的小鸟》(完结,附带项目源码)(上)
【制作100个unity游戏之29】使用unity复刻经典游戏《愤怒的小鸟》(完结,附带项目源码)
231 2
|
6月前
|
存储 JSON 关系型数据库
【制作100个unity游戏之27】使用unity复刻经典游戏《植物大战僵尸》,制作属于自己的植物大战僵尸随机版和杂交版13(完结,附带项目源码)
【制作100个unity游戏之27】使用unity复刻经典游戏《植物大战僵尸》,制作属于自己的植物大战僵尸随机版和杂交版13(完结,附带项目源码)
114 0
|
6月前
|
图形学
【制作100个unity游戏之29】使用unity复刻经典游戏《愤怒的小鸟》(完结,附带项目源码)(下)
【制作100个unity游戏之29】使用unity复刻经典游戏《愤怒的小鸟》(完结,附带项目源码)(下)
90 0
|
7月前
|
JSON JavaScript UED
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
280 1
|
数据可视化
超好看的在线演示神器来了,就问微软怕不怕|Gamma
超好看的在线演示神器来了,就问微软怕不怕|Gamma
|
7月前
|
图形学
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
302 0
|
图形学 数据安全/隐私保护
还在用Unity开发游戏?那你就out了,试试用Unity做一个答题系统吧
大家都支持Unity是用来做游戏开发,比如说做2D游戏、3D游戏,或者工业虚拟仿真软件的开发。 其他Unity可以做的有很多,比如答题系统。 本篇就介绍答题系统的开发 这个答题系统,可以从文本文档中提取题目和分数,然后绑定到UI上,在答题的过程中,自动判断分数,自动判断正确率。 目的是实现一个可快速导入到项目中使用的小模块。
|
存储 人工智能 算法
Tkinter模块GUI界面化编程实战(七)——人机对战五子棋(含超详解及完整源码、完整程序免费下载链接)
Tkinter模块GUI界面化编程实战(七)——人机对战五子棋(含超详解及完整源码、完整程序免费下载链接)
213 0
Tkinter模块GUI界面化编程实战(七)——人机对战五子棋(含超详解及完整源码、完整程序免费下载链接)
|
Python
python小游戏——贪吃蛇游戏2.0版本の得分功能实现
python小游戏——贪吃蛇游戏2.0版本の得分功能实现
198 0
|
Python
Python实现超级玛丽游戏系列教程02玛丽走跑
Python实现超级玛丽游戏系列教程02玛丽走跑
101 0