程序员不是写代码的么,为什么需要画图?很多程序员会认为写好代码就好,画好图有什么用?程序员成为架构师后是不是就天天画架构图,成为了所谓的PPT架构师?如上这些疑问,好几年前也曾让我困惑过。
一个程序员做了很多项目,写了多年代码逐步成长为一名出色的程序员。从上面的能力图中可以看出,一个出色的程序员离一个架构师还差好多其他方面的能力。我们以前以为程序员积累了足够经验就会自然成长为一名架构师,但其实架构师并不是程序员自然成长的一个延续,只是因为架构师的工作相对管理岗而言离程序员和技术更近,所以我们对它产生了这样的错觉。不断在「出色的程序员」这块领地内不断的耕耘和出色下去会让你成为该垂直领域内的技术专家,这才是程序员自然成长的延续。
因而,程序员出色到了一定程度后想成长为一名架构师,就需要看看能力模型中的其他方面。而掌握好画图技法,我觉着至少对其中的抽象思维、沟通交流、平衡取舍与透过问题看本质都有帮助。至于多领域知识和技术前瞻性这两方面好像确实和画图的关联性不强,但如果多领域知识不限于程序技术领域,画图也算一个领域的知识吧。
今天这个时代的地图软件我们都用过,一个国家、一个城市、一个街区,地图软件总是在不同的抽象维度上来展示地图。而对于一个复杂的软件系统,也需要类似的不同抽象维度,系统的全貌,不同子系统间的关联和交互,子系统内部模块间的接口和调用,某个关键实现点的处理流程。一个架构师应该可以在这些不同的抽象维度上把系统或系统的一部分清晰地描绘出来。
当在不同抽象维度上描绘了系统的各个重要方面,我们才可以更好的发现和找到系统的症结。如果解决系统的问题就像走迷宫,你是直接钻进去反复尝试寻找出路,还是站在更高的维度俯视迷宫再找到最佳的问题解决路径。这就是透过问题看本质领域一个方面的体现。
关于沟通交流,俗话说,有图有真相,哦,不对,是一图胜千言。有些程序员写技术文档啪啦啪啦的写一大堆,有时真不如一张清晰的架构图或交互图让人更快速清晰的理解到。在对系统有了抽象全面的多维度呈现,清晰准确的交流,直击了问题本质,那么正确而适当的平衡取舍也没那么难了,对吧。
如何?
图形
我画技术图例时只会使用一些最基础的图形,比如:矩形、圆、三角、菱形、气泡、箭头,这些最基本的图形几乎所有的画图软件都会自带的,所以工具的依赖性很低,但选择的效率很高。当然如果有时为了表达和一些著名外部系统间的交互,这些著名外部系统可能都有各自著名的Logo图标,也会直接使用它们的Logo图标。
像下面图示,就是我常用的一些画图图形元素。
颜色
有时系统的组成比较复杂,只用基本图形不足以表达所有不同的系统组成部件,这时就需要用颜色来区分了。那么下一个问题就来了,该用哪些颜色呢?我的答案是使用大部分人觉得美的颜色。那大部分人喜欢什么颜色呢?当然我没有作过任何调查,全凭脑袋拍的。我觉得大部分会觉得彩虹是美的,所以我一般用得颜色就是彩虹七色外加两种经典色:黑、白。这样就有九种颜色加上几种基本图形,可以组合出几十种表达不同组件的图形元素,基本够用了。
彩虹七色包括:红、橙、黄、绿、青、蓝、紫。但七种颜色的选择也是有优先级,在一本讲设计的书中DesigningwiththeMindinMind(中文译名《认知与设计》,其实我觉得译名没有原名那么的有感觉)提出了下面一些色彩使用准则:
使用饱和度、亮度以及色相区分颜色,确保颜色的高反差,因为人的视觉是为边缘反差而优化的。
使用独特的颜色,因为人最容易区分的颜色包括:红、绿、黄、蓝、白和黑。
避免使用色盲无法区分的颜色对,比如:深红-黑,深红-深绿,蓝色-紫色,浅绿-白色。
使用颜色之外的其他提示,对有颜色视觉障碍的人友好,而且也增强了可理解性。
避免强烈的对抗色,比如:红黑,黄黑
所以你看为什么交通灯是:红、黄、绿。为什么乔布斯选择这三个颜色作为MacOSX操作系统中所有应用窗体的按纽颜色,这也是暗合人类的视觉认知原则的。所以我现在多选择是白底、黑字、黑色线条、色块优先选择:红、绿、黄、蓝,实在不够用了才会选择:橙、青、紫。
当然红有好多种红,绿有好多种绿,我用哪种?看下图所示,给出了RGB三原色的配色数值(别相信自己的眼睛,不同显示器上看到的效果会有差异,作为程序员需要精确点)。至于为什么是这个选择,后面再说。
审美
几何?
探讨了如何,我们接着看看几何。此「几何」不是数学里的几何,而是曾几何时,我们想象中很麻烦的事原来如此简单。掌握画图技法到底代价几何?又价值几何呢?
所以,学会使用一种简单的软件,使用简单的图形和配色,在最有效率的情况下画出一幅效果还不错的图例,也是很有价值的。当然很多程序员会认为只有写出的代码才有价值,其实这里可能忽视了一个大部分程序员都认同的观点:代码也是写给人看的。程序员不会认为一份机器能运行而人很难看懂的代码是好代码,而画好图能更好的帮助你去思考代码的组织和呈现方式。
需要画图工具和之类的教程,可以加我的群:705194503里,供大家免费下载,希望可以帮到大家
本文只是介绍了一种极简的绘制技术图例的技法,毕竟我们画图只是为了追求讲清楚一个技术或展示一个系统,不需要考虑任何多余的艺术性。最低的代价,还不错的效果,在效率和效果之间取得性价比最高的平衡。