processon网页版(免费在线作图软件) v1.0 官方免费版(附使用教程)

processon是一款网页版在线作图工具，能够快速帮助用户制作各类流程图，支持多种类型的流程制作，软件还提供了免费的云服务，帮助用户梳理内容，在设计过程中可不断与同事和客户协同设计，实时创建和编辑文件，并可以实现更改的及时合并与同步，这意味着跨部门的流程梳理、优化和确认可以即刻完成。有需要的朋友欢迎下载使用

软件基本信息介绍：

processon在线作图工具是一个方便实用、免费高效的在线作图工具。processon支持多种图片格式，支持 Flowchart、EVC、EPC、BPMN、UML等格式，然后把制作好的图形进行导出，这样再把制作好的各类图形应用到其他软件中，操作非常简单。

网页版登录地址：https://www.processon.com/login

processon软件特点

免费在线作图，实时协作

ProcessOn 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等

团队协作、头脑风暴

您可以把作品分享给团队成员或好友，无论何时何地大家都可以对作品进行编辑、阅读和评论

高效易用、轻松绘制

ProcessOn是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等，

您无需担心下载和更新的问题，不管Mac还是Windows，一个浏览器就可以随时随地的发挥创意，规划工作

海量图库，知识分享

ProcessOn不仅仅汇聚着强大的作图工具，这里还有着海量的图形化知识资源，我们尽可能的将有价值的知识进行梳理，传递到您的眼前

processon如何使用

点击注册，然后输入邮箱，帐号，密码和昵称进行注册登录，当然也可以直接使用QQ或者微博登录；

注册登录后，需要简单完善一下个人信息，也可以直接点击完成，以后再完善；

这个时候，进来个人网络，点击有上角的“新建文件”开始创造第一张图；

每次作图之前，需要选择一下分类，因为ProcessOn是支持多种标准格式作图的，如果没有你想找的分类，则点击未分类即可；

进来设计器后，第一步，需要先给文件起个名字，点击确定就行；

从左侧原型图库，选中图形，按住左键拖拽到右侧画布即可，以后也可随时选中图形拖拽调整位置；

完成

软件快捷键：

通用

Alt 按住Alt，通过鼠标可以对页面进行拖动

Ctrl 按住Ctrl，点击一个图形，将其添加到选择图形中，或者从中移除

Ctrl + (+) , Ctrl + (-) 放大，缩小

Ctrl + A 全部选中

Esc 取消选中，并取消当先操作

T 插入文本

I 插入图片

L 插入连线

图形被选中时

箭头 (←↑↓→) 将选中图形向左、向上、向下、向右移动

Ctrl + 箭头 (←↑↓→) 每次微移一个像素

Ctrl + 调整大小调整图形大小，并且约束比例

Ctrl + Z 撤销

Ctrl + Y 恢复

Ctrl + X 剪切

Ctrl + C 复制

Ctrl + V 粘贴

Ctrl + D 复用

Ctrl + Shift + B 格式刷

Delete, Backspace 删除

Ctrl + ] 将选中的图形置于顶层

Ctrl + [ 将选中的图形置于底层

Ctrl + Shift + ] 将选中的图形上移一层

Ctrl + Shift + [ 将选中的图形下移一层

Ctrl + L 锁定选中的图形

Ctrl + Shift + L 将选中的图形解锁

Ctrl + G 组合选中的图形

Ctrl + Shift + G 将选中的图形取消组合

编辑文本

空格 编辑文本

Ctrl + B 粗体

Ctrl + I 斜体

Ctrl + U 下划线

Ctrl + Enter 保存文本编辑

网站思维导图结构：

左右分布：内容左右分布，文件内容较多时使用

右侧分布：基础常见的文件结构

左侧分布：视具体情况进行使用

树状组织结构图：思维导图样式的组织结构图，与组织结构图相比，当子节点相对较多时，节点向下延伸，而非左右。

组织结构图：思维导图样式的组织结构图，与树状组织结构图相比，当子节点相对较多时，节点向右侧横向延伸，而非上下。

如果需要对文章结构进行调整，新建新的思维导图文件之后，可以在编辑器内左侧找到结构按钮，然后根据需要进行设置即可，具体位置如下。

本文总结：

介绍了绘图作为IT从业人员软实力的重要性，以及绘图在日常工作中的重要作用

绘图工具processon中各个功能特性和使用技巧，主要有分布，对齐，z轴排列，快捷键等

提出了一些绘图的规范建议，包括大小，字体，颜色，最小化原则，均是体现在细节上，不过，这些细节最终会影响到整体的质感

流程图和系统拓扑图的绘制要领和经验。

绘图是抽象思维能力的培养方式之一

流程图的常用符号，基本结构，以及实战运用

以web集群架构为案例介绍了绘制系统拓扑图的步骤