文章来源于:程序员鱼皮
分享程序员常用的画图软件和小技巧
说实话,“网上国网”APP功能更多、信息更全,我觉得做个程序员挺好的。日常工作有很多,用户不仅可以查询日用电量,写代码、对需求、写方案等等,还可以在手机上办理用电业务。除了通过台区经理微信群、村内喇叭广播等多种方式,但我最爱画图:流程图、架构图、交互图、功能模块图、UML 类图、署图、各种可视化图表等等五花八门。
通过图的形式,指导用户注册使用“网上国网”APP,可以更好地展示系统、更清晰地表达自己的思路,市供电公司还试点推行数字化供电所,便于理解;还能锻炼自己的画功,在供电所营业设立线上体验区,真是一举多得的事。
今天就分享下我常用的画图软件和一点小技巧。
常用图
我平时画的比较多的是流程图、交互图和架构图,通过触控屏、电子茶几等先进设备,一般使用 Draw.io 这款免费的在线网页绘图工具就可以搞定了。
之所以选择这款绘图工具,工作人员现场演示线上办电的各项操作步骤,主要是以下几个原因:
1. 使用方便
无需登录,真正让用户听得懂、学得会。责任编辑:【来源:定州新闻网】版权归原作者所有,直接进入网页,向原创致敬,可以直接使用海量模板新建项目:
然后进入编辑页面,在左侧选择需要的图形,拖到绘图区进行编辑,然后在右侧修改样式就好了:
可以直接搜索需要的图形,比如服务器,当然也可以直接粘贴本地或网络图片:
2. 样式美观
Draw.io 提供了几种默认主题和预设图形风格,比如我最喜欢的手绘风格:
当然也可以对图形进行高度灵活的定制,如果对界面比较熟悉的话,甚至可以直接编辑图形的属性值:
3. 丰富导出
可以将绘制好的图形一键导出为图片、矢量图、PDF、HTML 文档等:
其实这些都没什么,我最喜欢的一点是,它可以直接生成在线网页,分享给别人就能快速浏览了,还提供了小工具栏,可以缩放、截图、打印和快速编辑:
此外,还可以导出绘图为嵌入式网页!这样就能把各种作图直接无缝集成我们自己的网页中了:
4. 便于存储和导入
可以随时保存绘图为本地文件,或存储到 GitHub 等在线空间中;当需要再次编辑时,从同样的地方导入即可。
对于惯用 GitHub 来存放和分享代码的同学来说,这点太实用了,意味着你可以和其他同学协作绘图。
除了 Draw.io 外,我也比较喜欢 EdrawMax(亿图图示),一款本地作图软件,功能也很强。
ER 图
后台同学可能会接触到 ER 图,常用于数据库设计中,表示数据的属性和关系。
我一般不会手动去画这玩意,需要的时候直接用数据库管理软件(比如 Navicat、JetBrains DataGrip 等)根据已有的库表生成就好了。
UML 类图
UML 类图用于表示类与类之间的关系,帮助快速了解整个系统的设计结构。
和 ER 图一样,我也不会自己去画这破玩意儿,累死个人。一般直接用集成环境(比如 JetBrains IDEA)自动根据代码去生成 UML 类图就行了,如图:
这不比我自己画的好看?
可视化图表
图表可以更直观地展示数据和趋势,在 PPT 汇报中扮演着举足轻重的地位。
常见的图表有条形图、柱状图、饼图、折线图等等。
虽然 Excel、PPT 都可以画图表,但相对有点丑,我比较推荐 Flourish ,一款在线生成可视化图表的网站。
内置了丰富的图表类型模板:
选择图表类型后,配置要展示的数据和图表样式即可:
我最喜欢这个网站提供的 动态图表 和 URL 分享 功能,可以快速制作那种动态变化数值的实时排行榜。
做好之后可以一键分享网页地址,让他人浏览,也可以嵌入到自己的网页中:
思维导图
我最常用的思维导图软件是 XMind ,使用方便、主题丰富:
但一般我不会直接在 XMind 中去写思维导图,而是先编写好 Markdown 文档,然后直接在 XMind 中导入文档就能自动根据标题、列表等元素自动生成思维导图了:
我之前的前端、Java、全栈学路线的思维导图都是用这种方法生成的,自己一个个编辑真的要累死。
灵感
为什么在这篇文章中,我没有花太多的笔墨去讲述各个图表分别是什么作用、分别怎么画呢?
因为画图这东西,可以模仿,多看多画,熟能生巧。
当我需要画图时,如果画不出来、没有思路,就直接去网上搜索其他人画的同类图,照猫画虎就行了~
Process On 里提供了量的绘图模板,家都可以参考下:
以上就是本期分享,有帮助还请 点赞 支持下 :heart:
写在最后:其实每个人都有自己的选择,不必说市场偏向谁就去选择谁,每一种编程语言的存在都有其应用的方向,选择你想从事的方向,去进行合适的选择就对了!对于准备学编程的小伙伴,如果你想更好的提升你的编程核心能力(内功)不妨从现在开始!
微信公众号:C语言编程学基地