干掉visio,这个画图神器真的绝了!!!
欢迎关注方志朋的博客,回复”666“获面试宝典
看过我以往文章的小伙伴可能会发现,我的大部分文章都有很多配图。我的文章风格是图文相结合,更便于大家理解。
最近有很多小伙伴发私信问我:文章中的图是用什么工具画的。他们觉得我画的图风格挺小清新的,能够让人眼前一亮。
先上几张图让大家看看效果:说实话,问我的人太多了,我真的没法一个个回复。同时问我的人多,也恰恰说明了这个工具的优秀。
今天特地写一篇介绍画图工具的文章,给有需要的朋友一个参考。
1. 用什么画的图?
对于画流程图的工具,之前大家用得比较多的可能是:visio
和process on
了。
visio
是微软的一款画图软件,需要在电脑上安装,正版软件是付费的,但网上也可以搜到很多破解版。它是我用过的最早的画流程图工具了,后面使用mac电脑办公之后,就没有用过它了,之前觉得它跨电脑办公有点不方便。
process on
是一款免费在线画图工具,功能非常强大。除了常规的各种流程图之外,对于思维导图支持也非常友好。但有个缺点是只能免费保存最近9张图,想保留更多的图,需要付费升级。
前面的两款画图工具,说到底还是收费的,对于喜欢白嫖的我们来说,有点无法接受。那么,有没有一款免费、在线、功能强大的画流程图的工具呢?
答:有,可以使用:diagrams
。
没错,我文章中的图都是用diagrams
画出来的,也可以叫它:draw.io
,它已经成为了我画图首选工具。
这款画图工具的官网地址是:https://app.diagrams.net/,它的前身是:https://draw.io/。这两个url都能访问。
同时它也提供了离线版的画图软件,大家可以自己下载diagrams的安装软件,不过有个坏处是它是收费的。
所以,我用的最多的还是在线版的。
2. 如何进入画图界面?
从上面已经知道,我的文章都是用diagrams
画流程图的。
但如何进入diagrams的画图界面呢?
在浏览器上输入diagrams的官网地址,我平时喜欢输入:https://draw.io/
,因为它比较好记。
第一次访问的时候有点慢,因为它要初始化一些东西。
接下来,会弹出一个窗口,让我们选择画的图,需要保存到哪里。它主要支持四种:
OneDrive:即云
Device:即设备
Github
Gitlab
我目前为了图方便,用的最多的是Device
,它可以把画的图保存到本地电脑,也可以从本地电脑导入已有的图。
其实如果可以的话,把图保存到Github
,也是个不错的选择。
接下来,会弹出一个窗口,让你选择是Create New Diagram(创建新流程图),还是选择Open Existing Diagram(打开已有的流程图)。我们第一次进来,当然是选择创建新流程图了。
然后,进入了画流程图的主界面:
3 画图界面的组成部分
diagrams的工作界面主要是由以下几个部分组成:此外,在这里顺便说一句,如果你想修改流程图名称的话,可以双击左上角的:Untitled Diagram.drawio
这几个字,会弹出如下窗口:在这个窗口中可以修改流程图的名称和文件类型,默认是.drawio
格式的。
下面用一张图总结一下,diagrams的工作界面主要组成部分:
3.1 菜单栏
File
菜单:包含了一系列的文件操作,包括:新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。Edit
菜单:包含了一系列工作区的操作,包括:回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。View
菜单:包含了一系列的视图操作,包括:恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。Arrange
菜单:包含了一系列图形排列操作,包含:在前面、在后面、插入图形、对齐等。Extras
菜单:包含了一系列额外的操作,包含:主题、展开、收缩、插件、编辑画图区、配置等。Help
菜单:主要包含一系列全局的操作,包含:搜索、快捷键、关于等。
3.2 工具栏
工具栏中包含了一些常用的功能,比如:图片尺寸、放大、缩小、退回、撤销、删除、在前、在后、背景色、字体颜色、连接、阴影、添加表格、添加图形、全屏、展开、收缩等。
这些功能真的太实用了。
3.3 左边图形区
这个区域可以选择我们画图时,需要的图形,默认有这7类图形。如果不满足要求,可以点击 More Shapes 按钮,选择更多类型。
上图中我另外加了IOS
类的图形。
我个人喜欢使用General
类的图形:
里面常用的图形都有,画一般的流程图是够用的。当然你也可以根据个人喜欢,选择更多的类型画图。
3.4 画图区
画图区是最重要的地方了,你的流程图是在这片区域完成的。
你可以在左边的图形区选择好图形之后,用鼠标拖到画图区。也可以直接在画图区复制已有的图形。
还可以加网格:
右键空白的地方,会出现一些操作选项:
右键某个具体图形,会出现一些图形相关的选项:
3.5 右边样式区
右边样式区可以说是diagrams的灵魂。
选择的图形,在画图区默认是这样的:一眼看过去,显得非常单调。但如果在右边样式区,我加了一些样式之后,图形马上变得不一样了。
对于文本样式也有挺多功能可以设置的:
3.6 底部
底部主要展示的是每页的名称。
点击左侧三个点:可以切换、插入、删除和重命名页面。
点击右侧的加号:可以立刻新增页面。
我们每次画图需要在某个页面上操作。但如果你需要画的图很多,可以使用页进行归类,方面今后维护。不太建议,一页上画的图太多,不然画图时会非常卡。
总结
本文主要介绍了diagrams画图工具,它是一款免费的在线画图工具,也叫做draw.io。它的功能非常强大,包括:菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。
同时还介绍了如何进入画图区。
当然本文只是抛砖引玉,给大家介绍了diagrams的一小部分功能。它的强大之处,需要大家自己多动手摸索。
下面用一张图给大家展示一下,我是如何使用diagrams画图的:好了,今天的内容先分享到这里。
热门内容:
IDEA牛逼!900行"又臭又长"的类重构,几分钟搞定
如何高效快速搞散一个团队?
Spring Boot 实现万能文件在线预览
突发!Log4j 爆“核弹级”漏洞,Flink、Kafka等至少十多个项目受影响
国内最牛逼的笔记,不接受反驳!!
最近面试BAT,整理一份面试资料《Java面试BAT通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。
明天见(。・ω・。)ノ♡
干掉visio,这个画图神器真的绝了!!!相关推荐
- 干掉visio,这个画图神器真的绝了
前言 看过我以往文章的小伙伴可能会发现,我的大部分文章都有很多配图.我的文章风格是图文相结合,更便于大家理解. 最近有很多小伙伴发私信问我:文章中的图是用什么工具画的.他们觉得我画的图风格挺小清新的, ...
- 干掉 PowerDesigner,这款开源数据库设计神器真的绝了
最近在造轮子,从 0 到 1 的那种,就差前台的界面了,大家可以耐心耐心耐心期待一下.其中需要设计一些数据库表,可以通过 Navicat 这种图形化管理工具直接开搞,也可以通过一些数据库设计工具来搞, ...
- 流程图中的虚线含义_还在为画流程图烦恼,焦躁?介绍一款画图神器,让你爱上画图!...
在团队协作过程中最常见的就是开会.开会最常用的就是图,而图中最常见的就是流程图,时序图,类图等下面介绍一款画图神器:PlantUML PlantUML是一个开源项目,支持快速绘制: 时序图 用例图 类 ...
- 机器学习画图神器来啦!
神经网络画图神器 ML Visuals 正在持续更新. 去年 5 月,机器之心曾向大家推荐一款名为 ML Visuals 的机器学习画图模板,该项目受到广泛关注,迄今已收获 2.2K Star.ML ...
- 画图神器-drawio(配合markdown使用更佳)
之前做画图都是用https://www.processon.com/,但是这是收费的. 推荐一款免费开源非常好用的画图神器-drawio 下载地址 国外的网站下载很慢,我放了一份在蓝奏云里,没有飞行器 ...
- ML Visuals-神经网络画图神器
ML Visuals-神经网络画图神器 这里向大家推荐一个深度学习领域许多SCI作者都在使用的画图神器: ML Visuals 该项目受到广泛关注,迄今已收获 7.2K Star,专为解决神经网络画图 ...
- 初识python之画图神器篇
前言 前面我们写了一篇关于python实例的汇率转换的文章,有的小伙伴说它虽然可以解决我们生活中的实际问题,但是好像缺少点什么. 我仔细想了想,想起了一句话,"生活不止眼前的苟且,还有诗和远 ...
- 横空出世!IDEA画图神器来了,比Visio快10倍!
程序员在工作中,经常会有绘制时序图.流程图的需求,尤其是在写文档的时候.平时我们会选择ProcessOn这类工具来绘制,但有时候用代码来画图可能会更高效一点,毕竟没有比程序员更熟悉代码的了.今天给大家 ...
- 横空出世IDEA画图神器来了,比Visio快10倍
程序员在工作中,经常会有绘制时序图.流程图的需求,尤其是在写文档的时候.平时我们会选择ProcessOn这类工具来绘制,但有时候用代码来画图可能会更高效一点,毕竟没有比程序员更熟悉代码的了.今天给大家 ...
最新文章
- SOTA 排行榜大变天!MIT 研究十个 CV 测试集,平均错误率超 3.4%
- hadoop重命名文件_面试系列:深入理解hadoop架构体系
- echarts formatter_vue使用echarts的方法
- Web安全学习Week5
- springboot配置index
- 玩转oracle 11g(29):检查操作系统版本和查询表中修改数据
- 【ElasticSearch】 ElasticSearch 写入流程
- KeyMob-打造国内优秀的移动广告平台
- Hive配置文件中配置项的含义详解(收藏版)
- Android WiFi Dhcp 获取到 IP 和配置的过程
- ESP32电容式触摸传感器引脚实例
- 普林斯顿微积分读本篇六:求解微分问题
- 红米K30Pro手机电路图纸 主板+小板电路原理图
- 计算机没有休眠,没有休眠选项,电脑没有休眠选项
- mac tortoisesvn客户端_TortoiseSVN Mac版
- 环境配置 python 3.6+Anaconda+cuda9.0+cudNN7.0+Tensorflow
- python安卓库拍照_Python Faker库的实战,用Faker库生成伪造的安卓通讯录
- Android UI个性style
- 打开GTA 5竟要跑19.8亿次if语句!黑客嘲讽R星代码烂,修改后直接省70%加载时间
- 海外IT工程师工作福利揭秘
热门文章
- C++关键字decltype
- Python 将数据框类型转为字典类型
- SVN可以拉项目但是提交时提示没有权限
- WebService之soap类型的服务和rest类型的服务
- php session存入redis
- 在64位机上PLSQL连oracle11g问题:SQL*Net not properly installed和ORA-12154:TNS:无法处理服务名...
- 如何用javascript控制上传文件的大小
- C#用 SendKyes 结合 Process 或 API FindWindow、SendMessage(PostMessage) 等控制外部程序
- 韩宇:如何准备天池深度学习比赛?
- LeetCode实战:旋转链表