10

这款画图工具,yyds!

 3 years ago
source link: https://segmentfault.com/a/1190000041273737
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

最近有读者私信我,问我公众号推文的配图是用什么工具画的,很好看,也想学习一下。今天就给大家介绍一下这款画图工具——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还有很多有用的功能,感兴趣的小伙伴可以自行研究~

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


Recommend

  • 109

    分享发现 - @bestsofter - 主要画流程图和 UML 比较多,大家一般用什么?除了 Visio

  • 52
    • zhuanlan.zhihu.com 7 years ago
    • Cache

    结构人画图(三)

  • 10
    • blog.51cto.com 3 years ago
    • Cache

    JWT 工具类 #yyds干货盘点#

    生成JWT 解析JWT 第一步:创建SpringBoot项目 <dependency> <groupId>org.projectlombok</groupId> <artifactId>lombok</artifactId> <version>1.18.22</ve...

  • 7

    ASCIIFlow – 好玩的画图工具 // +----------+ +-------------+ // | | | | // | | Code Here | | // | +--------------------->...

  • 7
    • www.51cto.com 2 years ago
    • Cache

    程序员必备的画图工具

    程序员必备的画图工具 作者:CUGGZ 2022-10-24 09:00:47 XMind 是一个跨平台的思维导图软件,具有多种结构样式,除了普通的思维导图,还包括树形图、逻辑图、鱼骨图、时间轴、树状表格等等,不同的结构样式可以自...

  • 7

    命令行画图工具gnuplot用法入门 浏览:10176次  出处信息 关于这个软件,网上已经有许多介绍性的文...

  • 12

    这5个在线画图工具免费使用超便捷! 更新时间:2023-12-20 20:45:19 画图设计在现代社会中扮演着越来越重要的角色,随着人们对美感和个性化的追求,画图设计应用在许多方面,为各种产品和场景增添了视觉吸引力和专业性。今...

  • 7
    • js.design 1 year ago
    • Cache

    画图工具在哪里找?

    画图工具在哪里找? 更新时间:2023-09-04 17:44:26 画图工具直接在网上搜索就能找到很多,但是要注意甄别广告和官方网站。有些画图工具是需要下载的,有些则在线就能使用。经过本人的多次测试,以下几个画图工具是对比下来...

  • 4

    4 个免费的画图工具,设计师都说好用! 更新时间:2023-09-04 17:36:35 免费的画图工具有即时灵感、Adobe Photoshop Express、Krita 和 Inkscape。...

  • 8

    5个设计师都说好的在线画图工具 更新时间:2024-01-09 16:15:15 “无论是专业设计师还是普通用户,现在都可以通过在线画图工具来...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK