周围人都在说ProcessOnhttps://www.processon.com/i/56a862c0e4b04c153e9e359d功能强大,但具体有多强大却很少有人能说明白,索性就根据自己日常使用的感触写一下目前网站支持,但大多数人懒得去探索发现的技能好了。
以下是文章梳理的主要内容,大家可以先简单看一下。
好了,接下来进入正题。
如何新建流程图?
ProcessOn作为一个在线作图工具,在支持流程图之外,还同时支持原型图、UML图、时序图、BPMN等多种图形,具体多少种格式可以看下图
这些图形与流程图有着一样的编辑器,所以不管新建了这里面的那种图形,都可以成功进入流程图编辑页面进行操作。
新建流程图有两种方式:在我的文件页面点击新建--流程图即可
或者在模板页面的分类中进行新建
流程图编辑页面的基本功能
如图,具体的功能区域我进行也相关的标注,大家可以简单了解一下。
讲道理,在我们接触一个新的产品或者页面的时候,第一反应应该是去看一看它有什么功能,支持多少神操作,是否能够满足我的需求,而不是什么都不管直接上手操作,有不懂的再去问别人,张口直接问是一种很懒且不动脑子的行为,十分不好,还不如自己先探索一下,能给自己和别人省去很多麻烦。
文件编辑页面分为菜单栏,工具栏、图形区、编辑区、导航区、帮助中心,具体每个按钮的功能我就不介绍了,因为太多了,大家可以自己去点击看一下,我会根据需要对一些特别常用的功能进行一下说明。
主要提一下菜单栏中【页面】的几个重要且常用功能
背景颜色:如果未对文件的背景颜色有过修改,系统默认的颜色为透明,所以如果导出的是图片格式,会发现自己的文件背景是黑的,如果不需要透明色,可以在下载前根据自己的需要进行修改。
页面大小:在作图的过程中经常会遇到图画到一半发现可绘制区域不够用,且画布不会自动延展的情况,怎么办?当然是要手动调整一下画布页面的大小,就点击页面-页面大小就可以根据使用需要进行调整。
但有两点需要注意一下:文件大小不可过大,不然很有可能会影响到文件的编辑和下载;
此处设置的页面大小非下载时的页面大小,因为下载时系统自动对有内容的区域进行裁切,所以最后下载下来和自己当时设置页面大小时的大小不一致。
显示网格:网格只有在文件编辑页面方便大家对齐编辑才会显示,下载时网格并不会一同下载下来;如果在编辑过程中不希望页面中有网格,直接点击去掉前面的对勾就可以;同时还支持网格的大小,可以根据需要进行调整。
基础编辑
图形选择
目前网站支持绘制的图形有很多种,如果在左侧图形区域没有找到自己需要的内容,可以点击【更多图形】进行勾选使用
如果这么多图形还是无法满足你的使用需求,可以在搜索框内输入英文关键词进行搜索查找,一般找到的图形甚合朕意;但需要注意的一点是,搜索到的图形容易被墙然后无法正常显示,有利有弊吧。
图形调整
图形等比例缩放
在对图形进行调整的时候按住ctrl就可以等比例对图形进行调整,这里不光可以调整图形,还可以调整插入的图片,适用于该编辑器内的所有等比例操作。
图形的对齐、分布、大小
对图形的这些调整,都在工具栏中的【排列】上,所以如果需要进行设置,首先就要选中自己要调整的多个图形!选中图形!选中图形!选中图形!(重要的事情要说三遍)
图形对齐
目前支持图形的左对齐、居中对齐、右对齐、顶端对齐、垂直居中对齐、底端对齐
图形分布
目前支持图形的水平平均分布、垂直平均分布
匹配大小
如果对一些图形的设置希望他们等宽登高等,就很需要进行匹配大小,省去了自己一个一个对照调整的时间。
图形复用
如果你经常遇到同样的图形,需要对一个图形多次使用,但是每次复制粘贴都很麻烦,这个时候复用功能就很有必要了,快捷键是:Ctrl+D,真的是百试不爽。
文字
插入文字
快捷键:T
同时也可以在菜单栏上点击插入-文字进行操作
文字方向调整
网站自定义文字方向为横向,但有时候需要垂直的文字方向,选中文本框之后,选择其中的一个角对其进行横向挤压,就能实现文字的竖排了。
同一个文本框中的不同字体样式
现在网站还不支持直接对同一个文本框中的部分字体进行样式编辑,只要进行修改,就会全部变成你设置的格式,所以如果你想要对某些内容进行修改的话,可以通过组合多个不同文本框的方式实现
连线
目前在网站上插入连线不能在图形区域进行选择插入,需手动通过快捷键或者菜单栏中的插入进行操作,所以大家不要在图形区找各种直线、折线、虚线、曲线!
插入:
快捷键:L
菜单栏:点击插入-连线
目前网站支持的线条修改样式如图,从左到右包括线条颜色、线宽、线条样式(实线、虚线等)、线条类型(折线、直线、曲线)、起点样式、终点样式。
比如调整之后线条可以变成这样,但对线条的设置有一个大前提:必须选中连线才可以!必须选中连线才可以!必须选中连线才可以!
泳道图的使用
这个在网站的帮助手册里面介绍的还算比较详细,大家可以去看看,或者直接戳链接了解:https://www.processon.com/support#flow-siwmming-pool
有一点需要强调一下,就是泳道图中的分隔符,垂直分隔符应用在水平泳道图中,水平分隔符应用在垂直泳道图中,这两条分隔符不能独立于泳道图使用。
快捷键
网站的快捷键入口有点深,在菜单栏中的帮助-快捷键列表中