推荐一款免费在线高效作图工具

淩亂°似流年 2021-09-16 08:04 619阅读 0赞

作者： kim  
来源： kimshareclub微信公众号

今天要分享的这款工具那个叫厉害了，从标题就可以看得出来，这也是目前最走心的标题了。为了博取一点流量也是各种操碎了心，希望大家纯粹是因为看到标题而进来的。说句实在话，今天要分享的这款工具确实强，也很实用。它不是针对谁，而是在坐的各位都可能会用到！光是标题仍是没法完全涵盖它的精华。小编绝对是它的忠粉，我要为它点赞，为它疯狂打call，期待后面它的发展会越来越好，越来越强。

这款工具叫ProcessOn！没错，在坐的各位或许已经有人在用了，但是先不要激动，收回您那澎拜的心情，抱着悬念继续往下看，万一还能get到新的技能呢？没用过的，那么今天就是赚到了，有没有一点小期待、小兴奋呢？下面就是get新技能的时候到了。

## 01、ProcessOn概述 ##

借用官方的话对ProcessOn做个简单介绍，可谓句句精华，有胜过千言万语之势：

1.  ProcessOn是一款基于HTML5和JavaScript技术开发而成。 操作简单、方便的同时也是一款专业的垂直在线作图工具。
2.  使用ProcessOn不需要下载和安装，更不需要破解和激活， 打开浏览器即可在线操作所有数据实时云端存储，同时支持多人在线实时协作，从此再也不需要和同事，领导之间来回传送文件，直接邀请，一起协作完成。
3.  ProcessOn目前已经支持流程图、原型设计、软件建模、 以及思维导图等四大领域在线作图。
4.  ProcessOn同时也是一款免费的在线作图工具。 如果你也是新手，工作需要画画图，ProcessOn就是你最合适的选择！

小编接触到它的时候是在一个月黑风高的夜晚，那时正在做毕业设计，它当时的功能还很简单，好像只有流程图和原型设计图。不过已经足够满足当时的需求了，那时候都是免费的，不限作图个数。下面就先欣赏一下我毕设时作的图吧，虽然不是很彰显美感，但是那会真的已经是狠用心的去画了：  
![这里写图片描述][0_wx_fmt_png]

你们看到这样的图，会不会有给高分的冲动，然鹅并没有。拿不到高分也不是因为作图的问题，可能是论文写的太烂了。不过这图看起来是不是逻辑清晰明了，我觉得是胜过了密密麻麻的文字，这就是作图的好处，寥寥几句就足够把你的想法表达出来了。

## 02、ProcessOn功能介绍 ##

经过上面的简介大家都应该已经知道，这款工具是干嘛的了，下面就针对它的一些强大功能做个简单介绍。

**1、注册：**

首先大家可以点击这个链接进行账号注册（这是我个人邀请码，你们点击这个链接进行注册我就可以增加我的作图个数，希望大家能从这里进去注册。祝好人一生平安）：[https://www.processon.com/i/596870e6e4b043caf8816f8d][https_www.processon.com_i_596870e6e4b043caf8816f8d]

**2、入门教程：**

注册成功后会进到个人首页：  
![这里写图片描述][0_wx_fmt_png 1]

看，它的页面就是那么的简洁明了，给人的感觉是不是很清爽。刚进去不知如何操作肿么办？没事，点击个人头像那里会有入门教程，这也是做的很有人性的一点。看了入门教程就可以进行一顿操作啦  
![这里写图片描述][0_wx_fmt_png 2]

**3、新增：**

点击新增按钮，会有以下选项，主要是作图的类型：它支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图、BPMN  
![这里写图片描述][0_wx_fmt_png 3]

**4、导入：**

其中它的一个强大之处是可以导入已有的图,目前支持导入的格式有：xmind、百度脑图、processon等  
![这里写图片描述][0_wx_fmt_png 4]

**5、推荐的模板：**

在作图之前如果没有好的点子的话，可以到推荐里面去克隆自己钟意的模板，推荐里面的模板都是免费的，可以随便克隆  
![这里写图片描述][0_wx_fmt_png 5]

**6、模板：**

还有就是可以到模板中选择自己钟意的模板，但需要注意的是这里面有的模板是需要付费的  
![这里写图片描述][0_wx_fmt_png 6]

下面说说一般大家都会作哪些图：

(1)、流程图：  
![这里写图片描述][0_wx_fmt_png 7]

(2)、思维导图：  
![这里写图片描述][0_wx_fmt_png 8]

还可以用思维导图制作简历等等高逼格的图，一般只有自己想不到，没有作不出的图，如果用思维导图做出的简历，是不是很有个性呢？会不会吸引到HR的注意呢？这无形中还可以增加自己的面试机会哦！  
![这里写图片描述][0_wx_fmt_png 9]

思维导图还有一个强大之处就是支持在线自动演示，就像做ppt那样自动演示的效果  
![这里写图片描述][0_wx_fmt_png 10]

点击演示然后按步骤进行操作即可，不清楚的多看一下入门教程，里面有详细的操作流程

(3)、UML时序图：  
![这里写图片描述][0_wx_fmt_png 11]

**7、下载：**

作完图需要下载下来肿么办？没事，ProcessOn完全可以满足你的需求：  
![这里写图片描述][0_wx_fmt_png 12]

它还支持多种格式的下载，是不是棒棒哒，不过有些格式需要升级为会员才可下载的，毕竟做的这么好的产品大家如果不是很缺钱的话，赞助一下也无妨  
![这里写图片描述][0_wx_fmt_png 13]

**8、分享：**

如果想作完图后分享给其他伙伴查看要怎么办(不需要对方有processon账号)?这个也很简单，作完图后点击要分享的图的右上角会出现分享的菜单，点击分享的菜单即可（会有几种分享方式）：一般用生成链接的方式会比较多，生成链接之后把链接分享出去，人家点击链接就可以看到您的著作啦！  
![这里写图片描述][0_wx_fmt_png 14]

**9、协作：**

如果想多人在线协作完成作图又怎么办？这个也很简单，首先建立一个小组，然后邀请小伙伴进来即可  
![这里写图片描述][0_wx_fmt_png 15]

![这里写图片描述][0_wx_fmt_png 16]

**10、公开发布：**

我觉得最吸引人之处，莫过于还可以在平台上赚钱。如果你有好的idea，并且有足够的自信觉得别人会喜欢你模板，那么恭喜你，你可以在平台上制作模板赚点小费了。操作也是so easy！作完图点击公开和发布按钮，然后填写基本信息，等待审核通过就可以了！如果有人钟意您的模板，并且克隆了那么你就可以拿到对应的收益啦！赚钱也是如此简单  
![这里写图片描述][0_wx_fmt_png 17]  
![这里写图片描述][0_wx_fmt_png 18]  
![这里写图片描述][0_wx_fmt_png 19]

## 03、总结 ##

这么强大的工具分享给大家，不为别的，也不用问我是谁，请叫我雷锋！如果你们也喜欢就给个关注和分享吧，谢谢老铁们！雷锋也需要关爱！

## 04、往期精彩 ##

⊙ 如何优雅的实现前端国际化

⊙ 深入学习ES6【第三章】

⊙ 深入学习ES6【第二章】

⊙ 深入学习ES6【第一章】

⊙ 一文读懂http缓存（超详细）

## 扫码关注 ##

![这里写图片描述][0_wx_fmt_jpeg]

[0_wx_fmt_png]: /images/20210813/7d19b856f09c454b831997b86129e362.png
[https_www.processon.com_i_596870e6e4b043caf8816f8d]: https://www.processon.com/i/596870e6e4b043caf8816f8d
[0_wx_fmt_png 1]: /images/20210813/be3631b644a94e3bbe862a5605daf2b4.png
[0_wx_fmt_png 2]: /images/20210813/b0acfbff3e7749d2a736c209dd54b734.png
[0_wx_fmt_png 3]: /images/20210813/ab471b7c3c21456b95cc75e52adc9df9.png
[0_wx_fmt_png 4]: /images/20210813/d3f99a0f42de4b53bc5d615dff67597f.png
[0_wx_fmt_png 5]: /images/20210813/85f6e446a0bb4358a50e262596b238c3.png
[0_wx_fmt_png 6]: /images/20210813/1d9652951f83429f9b57dbb175285218.png
[0_wx_fmt_png 7]: /images/20210813/47dca3a75ac84c118ddba2de69f0e5c7.png
[0_wx_fmt_png 8]: /images/20210813/bfcff85ebeab42cbbccea9d029fdcd9b.png
[0_wx_fmt_png 9]: /images/20210813/a581a27b15d84ef89798830d15c734c0.png
[0_wx_fmt_png 10]: /images/20210813/559921ca51254d96914265ce7f082cd9.png
[0_wx_fmt_png 11]: /images/20210813/fb125dc866c34bbabcb82a4c65194f44.png
[0_wx_fmt_png 12]: /images/20210813/b63d62a5dd13458282bfbffad1362f73.png
[0_wx_fmt_png 13]: /images/20210813/c3444ac4442a463297619649743a492b.png
[0_wx_fmt_png 14]: /images/20210813/0609ca33d04f46c0b5f08c804605ddbb.png
[0_wx_fmt_png 15]: /images/20210813/bacdea814c3b474084ab4786ed36459d.png
[0_wx_fmt_png 16]: /images/20210813/f792fe0d5fd74185a8d47a0214a2eaa4.png
[0_wx_fmt_png 17]: /images/20210813/b833e43d2e70431ab1d4dd5fb6bfce3a.png
[0_wx_fmt_png 18]: /images/20210813/27664ce760bf4e589c5b8c6d26f42ea1.png
[0_wx_fmt_png 19]: /images/20210813/ddf78770d5e845fdaebfb045174250c6.png
[0_wx_fmt_jpeg]: /images/20210813/ead61f02729841d984466b8fe2defd71.png