分享程序员常用的绘图软件和技巧。
说实话,我觉得当程序员还是不错的。 日常工作有很多,比如写代码、满足需求、写解决方案等等,但我最喜欢画图:流程图、架构图、交互图、功能模块图、UML类图、部署图、各种可视化图表等。
通过图片的方式,可以更好的展示系统,更清晰的表达自己的想法,并且易于理解; 能够锻炼自己的绘画技巧,真是一举多得的事情。
明天我会分享我常用的绘图软件和一些技巧。
常用图
我平时画流程图、交互图和架构图比较多,通常使用Draw.io,一个免费的在线网页绘图工具。
之所以选择这款绘图工具,主要是出于以下几个诱因:
1. 易于使用
无需登录,直接进入网页即可,直接使用海量模板创建新项目。
选择模板
然后进入编辑页面,在两侧选择需要的图形,拖动到绘图区域进行编辑,然后在左侧更改样式。
Draw.io 在线绘图
您可以直接搜索您需要的图形,例如服务器。 其实你也可以直接粘贴本地或网络图片。
2. 造型美观
Draw.io 提供了几种默认主题和预设的图形样式,比如我最喜欢的手绘风格。
事实上,图形也可以高度灵活地定制。 如果你熟悉界面开发,甚至可以直接编辑图形的属性值。
属性编辑
3.丰富的导入
绘制的图形可以一键导入为图片、矢量图、PDF、HTML文档等。
虽然这些都不算什么,但我最喜欢的是它可以直接生成在线网页,分享给别人快速浏览,还提供了一个小工具栏,可以进行缩放、截图、打印、快速编辑。
在线浏览
据悉,还可以导入图纸作为嵌入网页! 只有这样,我们才能将各种图纸直接无缝集成到我们自己开发的网页中。
作为嵌入格式导入
4. 易于存储和导出
绘图可以随时保存为本地文件,也可以存储在GitHub等在线空间中; 当需要再次编辑时,可以从同一个地方导出。
对于习惯使用GitHub存储和共享代码的朋友来说,这非常实用,这意味着你可以与其他同事协作绘图。
不仅是Draw.io,我还喜欢EdrawMax(亿图图标),一款功能强大的本地绘图软件。
ER图
后台开发的朋友可能会接触到ER图,ER图在数据库设计中经常被用来表示数据的属性和关系。
我一般不会主动去画这个东西,只是在需要的时候使用数据库管理软件(比如Navicat、JetBrainsDataGrip等)根据已有的库表来生成。
手动生成ER图UML类图
UML类图用于表示类之间的关系绘图软件教程,有助于快速理解整个系统的设计结构。
像ER图,我自己都不知道怎么画这个东西,气死我了。 通常直接使用集成开发环境(如JetBrainsIDEA)根据代码手动生成UML类图绘图软件教程,如图:
手动生成 UML 类图
这不是比我画的好看吗?
可视化图表
图表可以更直观地展示数据和趋势,在PPT报告中发挥着举足轻重的作用。
常见的图表有条形图、直方图、饼图、折线图等。
虽然Excel和PPT都可以用作图表,但是它们都比较丑陋。 我推荐Flourish,一个在线生成可视化图表的网站。
丰富的外部图表类型模板:
选择图表类型后,配置要显示的数据和图表样式。
我最喜欢这个网站提供的动态图表和URL分享功能,可以快速创建数值动态变化的实时排行榜。
完成后,您可以一键分享网页地址,让别人浏览,或者嵌入到自己的网页中。
导入图表网页思维导图
我最常用的思维导图软件是XMind,它简单易用,主题丰富。
心智
但通常我不会直接在 XMind 中编写思维导图,而是先编译 Markdown 文档,然后直接在 XMind 中导出文档,根据标题、列表等元素手动生成思维导图。
导出降价
不然一一编辑我真的会被吓死。
杂项笔记
为什么在这篇文章中,没有花太多的笔墨来描述每个图表的功能以及如何绘制它们?
因为画画是可以模仿的,多看多画,熟能生巧。
当你需要画画的时候,如果你不会画或者没有想法,就去网上搜索一下别人画的类似图片,跟着猫画老虎就行了~
-结尾-
来源 | 程序员鱼皮
作者 | 鱼皮