在线画图 processon-制图工具ProcessOn和

processon使用方法:在浏览器上搜索ProcessOn,然后点击链接进入,点击进入我的文件,可以进入个人中心,最多可以创建文件数是9个,点击创建文件即可来到创建图片的界面,一般在基础图形里面选择就可以画出我们所需要的图形了,比如我们画一个长方形,只要拖动基础图形的第四个图形到右边里面即可。双击图形,可以在里面加文字,在右边画图区域的上方可以改变图形里面文字的大小、粗细、字体等。图形可以改变大小、位置等,还可以进行复制粘贴,然后把所有的图形进行连线。

ProcessOn是在线的作图软件,即无需在电脑上安装,只要在浏览器上搜索进入官网,就可以在线作图。

ProcessOn是一个功能非常强大的在线画图工具,支持流程图,UML图,UI原型图和思维导图四大类型,可以说是相当有用的存在。下面以图文形式介绍如何使用processon画流程图。

方法

1/9

既然是画流程图,那么在创建文件的时候,肯定是选择流程图的,否则就画不出了。如图所示,一般没特殊要求,选择Flow流程图下的Flowchart流程图就可以了。然后选择一个空模板,输入文件名,点击创建。

请点击输入图片描述

2/9

创建好文件之后,它就会自动进入画图界面,如图所示,可以看到文件名,导航栏,工具栏和图形样式。

请点击输入图片描述

3/9

首先,鼠标左键选中某个图形样式,以拖动的形式拖动到画板想要存放的位置。可以反复先将图形拖动进来,后面再连线。

请点击输入图片描述

4/9

拖动好图形之后,选择图形某个边框位置,稍微拖动下,如果出现连线,向想要连接的位置拖动,就能把两个位置连接起来了。

请点击输入图片描述

5/9

默认的连线类型是默认能够90度弯曲的,同一水平线上会以直线形式展示,否则以直角弯曲的形式展示。

如果想要修改连线类型,那么单击鼠标左键选择要修改的线,选择如图所示的连线类型,再选择自己想要的连线就可以了。

此外连线箭头的起点和终点都是可以修改的,比如我想要没箭头或者双箭头的都可以。

请点击输入图片描述

6/9

一般来说画图都需要一些文字说明的。双击选择需要添加文字的图形(可以是文本框,也可以是线),输入文字就可以了。你还能够修改字体的类型和大小。

请点击输入图片描述

7/9

画好图之后,如图所示,选择某个图形,然后再点击填充样式,再选择具体的颜色就可以了。线条可以通过线条颜色进行修改、,这样你就可以为它添加颜色了。

8/9

processon画图都是自动保存的,所以你画完图之后可以直接退出或者按如图所示的返回键都可以。

请点击输入图片描述

请点击输入图片描述

9/9

很多时候,画好图之后我们需要截图使用。但是我们看到画板并不是空白的,默认背景是网格的,这样截图的话,效果可能并不好。所以修改整体背景,选择页面,把显示网格前面的勾去掉。全屏显示截图可能效果会更好或者或者退出后预览下的截图会更好。

请点击输入图片描述

一般图示融合了思维导图+流程图+概念图的理念,可以更立体、全面地厘清逻辑关系,会比单纯用文字记录学习得更透彻、记忆更长久。下面就分享下自己最常用的两款免费画图软件――ProcessOn(简称PO)和(简称Draw)!

软件可绘制的内容

通常画的主要是思维导图、流程图、概念图。但其实这两款软件也可以支持画人物关系图、组织架构图、泳道图,甚至简单的平面图、电路图都行。

PO网站地址点击跳转

ProcessOn图示

Draw网站地址点击跳转

Draw图示

不过因为我画思维导图、流程图、概念图比较多,所以主要从这个角度去分析两款软件的优劣对比。此外,因为人物关系图其实跟概念图很类似,就是形状+连线,所以大家也可以以此作参考。

PO与Draw的对比:如何选择适合自己的?

总的来说:简单的使用,建议先用PO;更高级的功能或对美观有要求,就试试Draw!具体如下:

ProcessOn简介

Process on:在线画图,功能简洁,但是有会员限制。

如果只是完成基础的形状+连线,那PO简洁的功能界面就能满足了,不需要花太多心思去考虑操作的学习难度问题。

PO业务流程图

目前免费版的免费文件个数有限,但是可以通过完成任务来增加。任务难度不大,包括邀请朋友就能增加。如果不想花钱,也可以画完后删掉一些不必要的。不过有一个小局限,免费版不能导出比较高清的PDF和图片版本。

但官方会推出一些好看的模板,部分免费、部分收费。而这收费里,也是我比较喜欢的,就是你可以出售你做的图示。

关于作品的美观设计程度。上面也提了,PO主要是以“结构”为主,在优化外观方面功能很少。但毕竟有些图示是对外分享的,我还是会花比较多的心思调整做图的颜色。而且也有很多模板选择。

image

但说真的效率真是很慢,不支持阴影功能我还得自己上传一张自带阴影的背景图……如下图我做的一个流程图,可能用PPT 10分钟搞定吧,用PO估计得半小时,对齐和调色真是有点辛苦。

不过有一个不错的点:PO上面有很多图标可以选择,但要用英文单词来检索。例如我搜索了business,会出现下面的内容。不过图标比较零散,也不能改色,所以有时候画面会比较乱。

Drawio简介

:功能强大,支持在线画图或客户端

image

必须赞的两点:第一,全免费,不限制数量功能;第二,功能更全面。

其中:

第一,Darw是完全不收费。

目前使用过程中也没说有高级功能必须付款。并且除了可以浏览器打开,还有客户端。

第二,功能更全面。如果你画的思维导图希望更美观,并且有更强大的功能,那就升级到Draw吧――也可以说是PO的升级版。在外观呈现、定制方面更强大,包括支持元素阴影、箭头更多类型、自动吸附的对齐也比PO更智能。例如:

图形可以更灵活的修改。类似ppt,方框有个滑点可以修改外框形状,这点PO就不行。甚至连背景的网格数量、跨线的大小都能自己定义数字。​

可选择图形类型更丰富。例如箭头类型就有30个,PO才11个。

快捷键真是很丰富啊……PO有些常用的对齐功能都没有快捷键。不过两者都无法自定义。

人性化的功能细节:同样元素到达页面边界时会自动扩展页面大小,但PO要手动修改回原尺寸,但Draw把元素往回拖画布就自动回到原尺寸!减少了很多手动操作。

image

但是Draw的缺点也在于此,如果你只是简单的图示,其实Draw很多功能用不到。反而会增加画图选择的难度。例如:

刚使用功能操作太多,你还得一个个试过才知道,不像PO基本看一眼就知道咋用。

上面提到的箭头类型有30个可以选,其实差异不算很大,以至于每次选择都要滚动条要拖好一会。

根据实际情况可以选择合适的在线作图工具来提高自己的工作效率。