分享

绘制高颜值“流程图”的几个技巧

 eweeker 2017-11-10

绘制高颜值“流程图”的几个技巧

每年双十一期间,ProcessOn与从事电商行业工作的小伙伴就会有比以往更加密集的交流。因为无论是PM、运营喵还是程序员都需要借助ProcessOn完成自己的工作。大家纷纷表示:有一种图,叫别人画的流程图。希望推出一篇流程图绘制相关内容。于是有了今天的这篇推送。

如何绘制流程图

1、访问 ProcessOn 官网

绘制高颜值“流程图”的几个技巧

打开浏览器,输入ProcessOn网址

2、登陆账号,点击新建“流程图”

绘制高颜值“流程图”的几个技巧

进入编辑器页面,根据业务流程图,用鼠标从左侧拖出相关图形 到画布。

3、草图绘制完成后,设置颜色、线条等样式

绘制高颜值“流程图”的几个技巧

ProcessOn设计器页面

不少用户问,如何绘制没有箭头的线条,只需要按照上面动图的操作,根据自己需要,更改连线开头和结尾的样式就可以。另外(按住L键,鼠标直接拖拽,也可以画出线条)

①颜色基调的选择,如果对配色把握不好的画,那就选择单一色调,一定错不了。贴两张电商模板示例图

绘制高颜值“流程图”的几个技巧

电子商务行业流程图

绘制高颜值“流程图”的几个技巧

客户未付款流程图

②推荐一个配色网站:nipponcolors.com

绘制高颜值“流程图”的几个技巧

nipponcolor

4、使用相关图标辅助流程图

绘制高颜值“流程图”的几个技巧

上面展示的流程图,借助一套图标,使流程图理解更直观,且选择同色系图标,颜值也会提升不少。图标的使用

①在ProcessOn流程图设计器左侧,搜索框进行

绘制高颜值“流程图”的几个技巧

②如果需要一整套的话,推荐 www.iconfont.cn

绘制高颜值“流程图”的几个技巧

iconfont

可以找到自己需要的图标,上图的图标都可以根据自己的需要设置颜色等个性设置。然后在ProcessOn流程图设计器插入这些图标就可以使用了,听起来步骤稍微有点多,其实操作起来很便捷的。

绘制高颜值“流程图”的几个技巧

还是不会画?

没关系

可以一键套用 ProcessOn模板

绘制高颜值“流程图”的几个技巧

ProcessOn 模板页面

ProcessOn,专业在线作图工具和知识分享社区。支持流程图、思维导图、UML、原型图等绘制。支持多人实时协作。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多