惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
腾讯CDC
爱范儿
爱范儿
Google DeepMind News
Google DeepMind News
V
V2EX
Blog — PlanetScale
Blog — PlanetScale
Engineering at Meta
Engineering at Meta
GbyAI
GbyAI
量子位
F
Fortinet All Blogs
G
Google Developers Blog
T
The Blog of Author Tim Ferriss
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Hugging Face - Blog
Hugging Face - Blog
Last Week in AI
Last Week in AI
T
Tailwind CSS Blog
J
Java Code Geeks
S
SegmentFault 最新的问题
D
Docker
博客园 - 司徒正美
The GitHub Blog
The GitHub Blog
Jina AI
Jina AI
M
MIT News - Artificial intelligence
博客园 - 【当耐特】

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
两千字全面了解ProcessOn绘制流程图“不为人知”的神操作 - 少数派
2017-11-14 · via 少数派

周围人都在说ProcessOn功能强大,但具体有多强大却很少有人能说明白,索性就根据自己日常使用的感触写一下目前网站支持,但大多数人懒得去探索发现的技能好了。

以下是文章梳理的主要内容,大家可以先简单看一下。

文章大纲

如何新建流程图?

 ProcessOn作为一个在线作图工具,在支持流程图之外,还同时支持原型图、UML图、时序图、BPMN等多种图形,具体多少种格式可以看下图

这些图形与流程图有着一样的编辑器,所以不管新建了这里面的那种图形,都可以成功进入流程图编辑页面进行操作。

新建流程图有两种方式:在我的文件页面点击新建--流程图即可

或者在模板页面的分类中进行新建

流程图编辑页面的基本功能

 如图,具体的功能区域我进行也相关的标注,大家可以简单了解一下。

讲道理,在我们接触一个新的产品或者页面的时候,第一反应应该是去看一看它有什么功能,支持多少神操作,是否能够满足我的需求,而不是什么都不管直接上手操作,有不懂的再去问别人,张口直接问是一种很懒且不动脑子的行为,十分不好,还不如自己先探索一下,能给自己和别人省去很多麻烦。

文件编辑页面分为菜单栏,工具栏、图形区、编辑区、导航区、帮助中心,具体每个按钮的功能我就不介绍了,因为太多了,大家可以自己去点击看一下,我会根据需要对一些特别常用的功能进行一下说明。

主要提一下菜单栏中【页面】的几个重要且常用功能

  • 背景颜色:如果未对文件的背景颜色有过修改,系统默认的颜色为透明,所以如果导出的是图片格式,会发现自己的文件背景是黑的,如果不需要透明色,可以在下载前根据自己的需要进行修改。
  • 页面大小:在作图的过程中经常会遇到图画到一半发现可绘制区域不够用,且画布不会自动延展的情况,怎么办?当然是要手动调整一下画布页面的大小,就点击页面-页面大小就可以根据使用需要进行调整。

但有两点需要注意一下:

文件大小不可过大,不然很有可能会影响到文件的编辑和下载;

此处设置的页面大小非下载时的页面大小,因为下载时系统自动对有内容的区域进行裁切,所以最后下载下来和自己当时设置页面大小时的大小不一致。

  • 显示网格:网格只有在文件编辑页面方便大家对齐编辑才会显示,下载时网格并不会一同下载下来;如果在编辑过程中不希望页面中有网格,直接点击去掉前面的对勾就可以;同时还支持网格的大小,可以根据需要进行调整。

基础编辑

图形选择

目前网站支持绘制的图形有很多种,如果在左侧图形区域没有找到自己需要的内容,可以点击【更多图形】进行勾选使用

如果这么多图形还是无法满足你的使用需求,可以在搜索框内输入关键词进行搜索查找,一般找到的图形甚合朕意;但需要注意的一点是,搜索到的图形容易被墙然后无法正常显示,有利有弊吧。

图形调整

图形等比例缩放

在对图形进行调整的时候按住ctrl就可以等比例对图形进行调整,这里不光可以调整图形,还可以调整插入的图片,适用于该编辑器内的所有等比例操作。

图形的对齐、分布、大小

对图形的这些调整,都在工具栏中的【排列】上,所以如果需要进行设置,首先就要选中自己要调整的多个图形!选中图形!选中图形!选中图形!(重要的事情要说三遍)

图形对齐

目前支持图形的左对齐、居中对齐、右对齐、顶端对齐、垂直居中对齐、底端对齐

图形分布

目前支持图形的水平平均分布、垂直平均分布

匹配大小

如果对一些图形的设置希望他们等宽登高等,就很需要进行匹配大小,省去了自己一个一个对照调整的时间。

图形复用

如果你经常遇到同样的图形,需要对一个图形多次使用,但是每次复制粘贴都很麻烦,这个时候复用功能就很有必要了,快捷键是:Ctrl+D,真的是百试不爽。

文字

插入文字

快捷键:T

同时也可以在菜单栏上点击插入-文字进行操作

文字方向调整

网站自定义文字方向为横向,但有时候需要垂直的文字方向,选中文本框之后,选择其中的一个角对其进行横向挤压,就能实现文字的竖排了。

同一个文本框中的不同字体样式

现在网站还不支持直接对同一个文本框中的部分字体进行样式编辑,只要进行修改,就会全部变成你设置的格式,所以如果你想要对某些内容进行修改的话,可以通过组合多个不同文本框的方式实现

连线

目前在网站上插入连线不能在图形区域进行选择插入,需手动通过快捷键或者菜单栏中的插入进行操作,所以大家不要在图形区找各种直线、折线、虚线、曲线!

插入:

快捷键:L

菜单栏:点击插入-连线

目前网站支持的线条修改样式如图,从左到右包括线条颜色、线宽、线条样式(实线、虚线等)、线条类型(折线、直线、曲线)、起点样式、终点样式。

比如调整之后线条可以变成这样,但对线条的设置有一个大前提:必须选中连线才可以!必须选中连线才可以!必须选中连线才可以!

泳道图的使用

这个在网站的帮助手册里面介绍的还算比较详细,大家可以去看看,或者直接戳链接了解:https://www.processon.com/support#flow-siwmming-pool

有一点需要强调一下,就是泳道图中的分隔符,垂直分隔符应用在水平泳道图中,水平分隔符应用在垂直泳道图中,这两条分隔符不能独立于泳道图使用。

快捷键

网站的快捷键入口有点深,在菜单栏中的帮助-快捷键列表

整理的内容有点长,感谢你看到这里,欢迎沟通交流,通过工具的使用让我们的工作更有效率。

看完后如果大家对ProcessOn画流程图感兴趣,可以点击这里移步官网使用交流!