ProcessOn流程设计器目前支持流程图(Flowchart 、BPMN、EVC、EPC、维恩图 )、UML图(实例、部署、类图等)和UI设计图(WEB、iOS、Android)。 操作过程中,所有数据实时保存。临时断线离线缓存,网络恢复后自动同步到线上服务器,也可以导出Pos格式,后期导入使用。 本章节主要学习:菜单栏 工具栏 右侧工具条 状态栏 拖选插入 泳池泳道 右键菜单的使用。

菜单栏

  • 文件:在菜单栏”文件”这个菜单里,可以重命名文件、另存文件、下载文件以及关闭文件等。

|流程图设计器说明 - 图1

  • 编辑:在菜单栏”编辑”这个菜单可以用撤销、恢复、复制、剪切、粘贴、复用、格式刷等方式对文件进行编辑修改。

|流程图设计器说明 - 图2

  • 插入:在菜单栏”插入”这个菜单可以插入文本(T)、插入图片(I)、插入连接线(L) 注:括号中的字母为快捷键。

|流程图设计器说明 - 图3

  • 页面:在菜单栏”页面”这个菜单可以背景颜色、画布大小和方向、内边距、网格大小和显示。

|流程图设计器说明 - 图4

  • 排列:在菜单栏”排列”这个菜单可以把元素置顶、置地、上一层、下一层等常规操作。还可以实现对多个元素的对齐、分布和大小进行设置。同时也可以锁定元素和组合元素。

|流程图设计器说明 - 图5

  • 导出图片为黑底时:修改文件背景颜色

|流程图设计器说明 - 图6

工具栏

设计器的工具栏是一些关于排版、样式等方面的快捷方式,包括切换风格、文字对齐和大小、填充和边框、连接线样式和类型、组合和锁定、移动链接线上文字。

  • 切换风格:目前我们为用户提供九种不同风格模板,可以一键切换风格。 后期还会支持更多更优秀和漂亮的模板。

|流程图设计器说明 - 图7

  • 文字对齐和大小:在工具栏,可以很便捷设置元素图形大小、颜色和位置以及对齐方式。

|流程图设计器说明 - 图8

  • 填充和边框:选中要修改的元素,即可进行填充或者修改边框的操作,也可以改边框的连线样式(实线、虚线),当设置好一个元素后,建议配合格式刷使用,方便更快更改其他元素的样式。

|流程图设计器说明 - 图9

  • 连接线样式和类型:连接线类型支持:直线、折线、曲线;线条样式支持:实线和虚线;起始点箭头:为空或者其他样式。

|流程图设计器说明 - 图10

  • 组合和锁定:组合:可以把多个元素组合在一起,方便操作和改样式。锁定:当元素较多时,可以锁定部分元素,防止被修改,但下次想修复时,需先解锁。

|流程图设计器说明 - 图11

右侧工具条

  • 右侧工具条汇聚了常用功能,鹰眼导航、图形、度量、属性、页面设置、历史版本还有备注评论功能。

|流程图设计器说明 - 图12

状态栏

  • 在ProcessOn设计器中,所有操作都是实时保存,每操作一步系统自动保存一次,所有您不用担心您操作过程中突然断线了,或者突然浏览器卡死等特殊情况。即使网络不稳定,会临时提醒: 与服务器连接不稳定,文件暂时保存到本地,连接正常时会自动同步到服务器,您也无须担心,正常操作即可,当网络恢复会自动同步到线上。

|流程图设计器说明 - 图13

拖拽插入

  • ProcessOn是非常简单易用的在线作图工具,只要按住鼠标左键从右侧拖出即可。

|流程图设计器说明 - 图14

泳池泳道

  • 很多朋友不会使用泳池泳道,其实很简单,只需把泳道放入到泳池里就行,追加泳道也是这样,只要再拖进来一个泳道即可。

|流程图设计器说明 - 图15

  • 选中泳道图顶部,会出现调整框,横向调整宽度,竖向调整高度

|流程图设计器说明 - 图16

右键菜单

|流程图设计器说明 - 图17