这款画图工具,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还有很多有用的功能,感兴趣的小伙伴可以自行研究~

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

相关文章
|
3月前
|
SQL 数据可视化 数据挖掘
想让Excel表格设计更美观?试试这几款好用工具!
Excel表格设计在项目管理和数据分析中至关重要。本文推荐四款辅助工具:板栗看板、Excel自动图表助手、Think-Cell Chart 和 Power BI,分别在任务管理、图表生成、数据可视化等方面表现突出,帮助你设计出更专业、美观的表格。
148 2
|
6月前
|
IDE 数据挖掘 API
秒啊,速来get这9个jupyter实用技巧!
秒啊,速来get这9个jupyter实用技巧!
56 2
|
6月前
|
JSON 数据格式
【Axure高手秘籍】掌握这招,让你的原型设计效率飙升!——元件库导入与使用教程及主流资源下载全解析
【8月更文挑战第20天】Axure RP是界面设计与交互原型制作的强大工具。掌握元件库能显著提升设计效率。元件库包含预设UI元素如按钮、表单等,可直接拖放构建布局。在Axure RP中,通过“元件”选项下的“库”可访问并导入新元件库。导入后,轻松拖放元件至画布调整,甚至自定义样式和交互。利用脚本还能模拟真实交互效果,如按钮点击反馈。推荐资源包括Axure Marketplace、UIZilla等,助力高效设计。
198 0
|
6月前
|
数据可视化
可视化神器,必须分享给宝子们,太香了
可视化神器,必须分享给宝子们,太香了
|
9月前
|
JSON JavaScript UED
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
画出你的想法,体验Excalidraw的魅力,完全免费的绘图工具!
363 1
|
编解码 芯片
实战贴:开源GUI STemWin在小熊派上的移植(显示很漂亮、很细腻,棒!)
实战贴:开源GUI STemWin在小熊派上的移植(显示很漂亮、很细腻,棒!)
446 2
|
开发工具
经典飞机大战游戏制作教程1:熟悉开发工具
适合想要学习做游戏的新手,也适合想要学习编程的青少年,另外也适合亲子共学。 想让孩子学习一样东西,除了让他自己去学习之外,还有一种更好的方式,就是跟他一起学习。希望这个系列能够让你体会到做游戏的乐趣,并且在做游戏的过程中学习编程,锻炼逻辑思维。 如果课程内容对你有帮助,欢迎点赞分享,鼓励小蚂蚁继续创作。
233 0
|
测试技术 程序员 uml
横空出世!IDEA画图神器来了,比Visio快10倍
程序员在工作中,经常会有绘制时序图、流程图的需求,尤其是在写文档的时候。平时我们会选择ProcessOn这类工具来绘制,但有时候用代码来画图可能会更高效一点,毕竟没有比程序员更熟悉代码的了。今天给大家推荐一款画图工具PlantUML,可以配合IDEA使用,画图更高效!
|
移动开发 C# Windows
深入剖析<橙光游戏制作工具>
深入剖析<橙光游戏制作工具>
373 0

热门文章

最新文章