![6d163bceb814b5a4299cb57cbbd979dd.png](https://i-blog.csdnimg.cn/blog_migrate/52d2cc8b6240d39b35cd45e6a8ace548.jpeg)
关于流程图绘制后台收到过许多用户的求助:简单的有:流程图怎么画?我怎么把连线箭头改变形状?同一个文本框的部分字体可以更改样式吗?难一点的就是:为什么别人的流程图画的那么好看,我的那么丑?流程图怎么配色会看起来高大上一些啊?
小编解答了很多用户的问题,但是相信还有许多的用户有同样的疑问,所以授人以鱼不如授人以渔,小编把大家的高频问题汇总下来,这一期专门针对流程图的绘制问题,手把手教大家在短时间内绘制出一张高颜值流程图。
一、流程图工具熟悉
先来了解一下流程图的编辑器
![728ea6b16f09bc710d30e3b78a585302.png](https://i-blog.csdnimg.cn/blog_migrate/77f56dfdd26a7e8f96d9e794bb53cb12.jpeg)
在编辑器内你可以:修改文件名,在菜单栏对文件页面进行各项设置,在工具栏你可以对图形进行修改操作,在图形区域根据需要选择、搜索、使用图形,在导航区域可以快速对视图页面进行调整,在编辑区域可以任意进行编辑操作。
1、图形
插入图形:步骤很简单,选中图形之后直接拖动进入编辑器就好;
![c2463db82828ab061fd8e0579c4ac64a.png](https://i-blog.csdnimg.cn/blog_migrate/b60feb62c5923dc80c55a239fb61e3e2.png)
对插入的图形调整:选中图形后,在工具栏可以选择:填充样式、线条颜色、线宽、线条样式,根据需要进行调整,就是下面这四个图形。
![cbed202523cd399d9c3e45f49f837d2b.png](https://i-blog.csdnimg.cn/blog_migrate/fd431bec304afa9358cb1b4188a068b2.jpeg)
流程图图形含义的了解
![9fb98d66680544b6166f4fb2cd3dc05b.png](https://i-blog.csdnimg.cn/blog_migrate/2632ec987d7184a1834bee091fbfd26e.jpeg)
![9a2128b0cf4e091f1156807d56a2f6de.png](https://i-blog.csdnimg.cn/blog_migrate/c18903b262aae8f032c6a7a05969c5da.jpeg)
在具体操作中,把鼠标放在左侧图形上面会显示每个图形代表的含义。上图只呈现了基础常用的图形,左下角点击“更多图形”可添加更多素材。
2、文字
插入:快捷键T可以快速插入,也可以拖动图形区域中的文本图形框进行插入;
编辑:插入文本框之后,可以直接执行编辑,如果需要修改的话选中该文本框,按空格键即可进入编辑状态,也可以双击该文本框进行编辑操作;调整:对字体的调整通常是:字体、字号、加粗、倾斜、下划线、字体颜色、对齐,调整的按钮如下;
![5c015dc370a52a549defa6994f00a508.png](https://i-blog.csdnimg.cn/blog_migrate/d970ee201acb4d8a923975ec0722d091.jpeg)
注意:如果需要对文本内容进行调整,先选中该文本框;
同一文本框的部分字体设置:选中要设置的部分文字,设置即可。
![84c5676858a035c43eb503a105c9763f.gif](https://i-blog.csdnimg.cn/blog_migrate/61fa6ee6fd564b69a5c254de8525d48c.gif)
文字竖排:如果需要文字竖排,需选中该文本框,选中其中一个调整按钮向内侧挤压,以下是动图演示
![7636507e224e64c52b8f935164fc8603.gif](https://i-blog.csdnimg.cn/blog_migrate/ded974f351f8b97ffaf462cec46dbfa7.gif)
3、连线
插入连线:快捷键L可快速添加连线;调整连线:对连线的调整通常是:线条颜色、线宽、连线样式(实线、虚线等)、连线类型(折线、曲线、直线)、起点、终点,调整按钮如下;
![6759d9ce2f558612787d4c7507920dd5.gif](https://i-blog.csdnimg.cn/blog_migrate/b7abdf7d51d39347b84182d76cca6a70.gif)
注意:对连线进行调整时,记得先选中要修改的连线再操作。
二、如何做一张高颜值流程图?
介绍完编辑器、图形、文字和连线,大家应该就熟悉了流程图的使用,接下来让我们进入下一个环节的学习:在熟悉工具之后如何画一张高颜值的流程图。大家对高颜值的普遍看法就是长得好看,对一张流程图来说,长得好看就是排版美观,配色舒服。关于排版,这里有一份基础排版知识分享给大家,可以据此进行借鉴,当然也可以在模板库中查看其他的高颜值模板,也能提升自己的审美能力;
![798ff25f61895bfef1301849dd69cd1f.png](https://i-blog.csdnimg.cn/blog_migrate/d2c37aa17c17173527bc9baeeb4c218d.jpeg)
除了排版,还有配色。配色也是个大问题,运用的好就是惊艳,用得不好很容易丑出天际。关于颜色有很多注意事项,不同的性别,不同的行业都需要使用与之相匹配的颜色,大家可以进行参考。
![aeb511f5ebede83d6cd4080f0fdf003c.png](https://i-blog.csdnimg.cn/blog_migrate/4a04d1503e00abb6d6d839fefb20749d.jpeg)
![eeb387bd9c560bc049df6d4963dd10cc.png](https://i-blog.csdnimg.cn/blog_migrate/dba28609771751c3394007c4f65a298d.jpeg)
小编给大家介绍两个完全能影响流程图颜值的功能,90%的小伙伴应该不知道。
1、主题风格功能
![bd8169d5569677f24b188f69ee7f4b5f.gif](https://i-blog.csdnimg.cn/blog_migrate/feaf1a04fe6afddd311236a7d9480c23.gif)
流程图中提供了14种不同配色和格式的主题风格,一键使用即可为你的流程图增色添彩,省时省力,高效作图。
2、调整颜色透明度
![1109038fede7c5f321513b69eec5bf34.gif](https://i-blog.csdnimg.cn/blog_migrate/3b7e46f21b75699957c14e0b1507e12a.gif)
调色板中的颜色是固定的,有的颜色饱和度过高,配色不好看,调整颜色的透明度即可画出自己想要的配色。
最后,附几张高颜值流程图,大家可以参照制作。
![5b822940523066d0dc3e1cb0c004db1f.png](https://i-blog.csdnimg.cn/blog_migrate/ac2994f4e73388ef2f272f37c8421253.jpeg)
![a84f6efb398f92148652df3ce9bc95da.png](https://i-blog.csdnimg.cn/blog_migrate/54f2cd19c7cd37933399cfdef62173ea.png)
![b82159b67c028056856edf28366aff4a.png](https://i-blog.csdnimg.cn/blog_migrate/95ab1dcb8ec3c42f0de749ee7adf8c61.jpeg)
![ff03c174b35779e31584cb4d4bb6f098.png](https://i-blog.csdnimg.cn/blog_migrate/982d7d7708f2e2ea4c7a0605cb352175.jpeg)
![f46fde01708d90539b6e4caac529a2ac.png](https://i-blog.csdnimg.cn/blog_migrate/1e899f763cd7bedb49491b2762923a8e.jpeg)
![0b475ac6b056471061eb2895534abb0c.png](https://i-blog.csdnimg.cn/blog_migrate/14bcf21f8b0c5e2f8422376a9eb6410f.png)
![f5964439c25e1489c7f50f35f1306ff6.png](https://i-blog.csdnimg.cn/blog_migrate/6bd80046d4e67049d4a3480790ce74ca.jpeg)
![ed7245f08b7766acfb153d12eb53a619.png](https://i-blog.csdnimg.cn/blog_migrate/6d6dc4487bb4c5c673f3f32d9b73487f.jpeg)
看到这里大家学会了没有?如果有疑问可以在留言区进行交流哦~