首页 文章资讯 如何画好原型和思维导图?用5万人选择的免费在线作图插件ProcessOn

如何画好原型和思维导图?用5万人选择的免费在线作图插件ProcessOn

发布者 : okay

1727

2018-08-28

1535426712185447.jpg


无论是从事哪个行业,教育、文字写作、影视制作、软件开发,导图都有着必不可少的意义。


开局一张图,有助于我们更好地开展工作,其重要性不言而喻。


网络上的制图工具五花八门,在线免安装的作图软件也有很多。今天我们就给大家推荐一款在chrome商店里斩获5万+用户的ProcessOn


1535427058637371.jpg


ProcessOn是一款基于HTML5和JavaScript开发而成的在线作图工具。


它支持在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等。


无需下载,无论是哪种操作系统,一个浏览器就可以让你随时随地发挥创意,规划工作。


1535426825949306.png


除此之外,ProcessOn上的所有数据能够进行实时云端存储, 并且支持多人在线实时协作,有利于提高工作效率。


  • 使用步骤


进入ProcessOn进入官方网站 > 登录账号 > 点击左上角的【新建文件】


1535427965798096.jpg


选择想要创建的文件类型:流程图、思维导图、原型、UML、网络拓扑图、组织结构图。


输入文件名点击【确定】完成创建,开始作图。


1535428060734850.jpg


  • 制图工作台详解


1.流程图


编辑:进行撤销、恢复、复制、剪切、粘贴、复用、格式刷等方式对文件进行编辑修改。


1535434823623620.gif


插入:插入文本、图片、连接线。


页面:背景颜色、画布大小和方向、内边距、网格大小和显示调整。


1535434976367183.gif


顶部工具栏:可切换九种不同风格的模板;文字对齐和大小调整;底色填充和边框;连接线条的样式;组合锁定功能。


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


1535435086970673.gif


右键菜单:在画布上右键可进行全选、创建连接线、粘贴;


在元素上右键可进行剪切、复制、粘贴、复用、置于顶层,置于底层、锁定、编辑、删除、全选、创建连接线。


1535435175837925.gif


2.思维导图


顶部的菜单栏:关联线样式、插入图片、主题风格、格式刷、文件下载、文件演示。


1535435897747760.jpg


右侧编辑栏:节点样式、节点图标、添加备注、插入链接、任务信息、历史版本。


1535436036596294.jpg


其中添加备注还支持Markdown语法。


1535436433338774.jpg


在ProcessOn的思维导图工作台中,不仅能够直接演示导图,还能插入父节点,以及在左侧菜单栏中进行结构调整。


1535436312318076.jpg


图中的元素还能够进行自由拖拽,更方便编辑。


1535436664466213.gif


剩余几种图的工作面板都大同小异,还请大家自行研究了。


  • 其他功能


1.导入


点击【新建文件】> 【导入】


目前ProcessOn支持XMind、MindManager、kityMinder、TXT、Pos、opml、vsd等格式文件。


1535428340277061.jpg


2.邀请协作


点击该文件右上角汉堡菜单 >【协作】


可直接添加小组成员,也可以通过输入对方邮箱进行邀请。邀请对象可设置其权限为编辑者或浏览者。


1535428616140881.gif


3.分享文件


点击该文件右上角汉堡菜单 >【分享】


生成浏览链接(支持添加密码),分享给好友或同事;嵌入到其他站点:复制生成的代码,嵌入第三方网站中。


另外,ProcessOn还支持生成在线图片。


1535428742499208.jpg


4.下载


点击该文件右上角汉堡菜单 >【下载】


共有PNG、JPG、PDF、POS、SVG等六种格式。


1535434619679177.jpg


5.模板


ProcessOn对新手也非常友好——为初学者提供了分门别类的海量模板。


1535435474943261.jpg


当然你也可以将自己的原创内容作为模板发布到ProcessOn平台中。


点击该文件右上角汉堡菜单 >【发布和公开】> 选择【不允许克隆】/【免费克隆】/【付费克隆】。


审核通过后只要其他用户付费使用,作者便可以获得相应的收益。


1535436871224754.gif


6.图形化知识资源


ProcessOn不仅仅是强大的作图工具,还有着海量的图形化知识资源。


在【推荐】里,用户可以看到ProcessOn推送的各行业有价值的图形化知识。


这些内容也可以克隆当作自己的模板来使用。


1535437189637002.gif


  • 结语


不管是资深人员还是新人小白,ProcessOn都能满足你的需求。


ProcessOn在chrome商店中显示5万+次下载,2000+评分,却仍然保持满星好评的状态。


1535437468254134.jpg


美中不足的是,ProcessOn免费版只支持同时保存9个文件。


不过,如果不是必须存档,我们完全可以删除之前不需要的设计,这并不会影响到后续的使用。

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功