适合程序员的画图技法,不再是“PPT”架构师耿直的小码农

程序员不是写代码的么,为什么需要画图?很多程序员会认为写好代码就好,画好图有什么用?程序员成为架构师后是不是就天天画架构图,成为了所谓的PPT架构师?如上这些疑问,好几年前也曾让我困惑过。

一个程序员做了很多项目,写了多年代码逐步成长为一名出色的程序员。从上面的能力图中可以看出,一个出色的程序员离一个架构师还差好多其他方面的能力。我们以前以为程序员积累了足够经验就会自然成长为一名架构师,但其实架构师并不是程序员自然成长的一个延续,只是因为架构师的工作相对管理岗而言离程序员和技术更近,所以我们对它产生了这样的错觉。不断在「出色的程序员」这块领地内不断的耕耘和出色下去会让你成为该垂直领域内的技术专家,这才是程序员自然成长的延续。

因而,程序员出色到了一定程度后想成长为一名架构师,就需要看看能力模型中的其他方面。而掌握好画图技法,我觉着至少对其中的抽象思维、沟通交流、平衡取舍与透过问题看本质都有帮助。至于多领域知识和技术前瞻性这两方面好像确实和画图的关联性不强,但如果多领域知识不限于程序技术领域,画图也算一个领域的知识吧。

今天这个时代的地图软件我们都用过,一个国家、一个城市、一个街区,地图软件总是在不同的抽象维度上来展示地图。而对于一个复杂的软件系统,也需要类似的不同抽象维度,系统的全貌,不同子系统间的关联和交互,子系统内部模块间的接口和调用,某个关键实现点的处理流程。一个架构师应该可以在这些不同的抽象维度上把系统或系统的一部分清晰地描绘出来。

当在不同抽象维度上描绘了系统的各个重要方面,我们才可以更好的发现和找到系统的症结。如果解决系统的问题就像走迷宫,你是直接钻进去反复尝试寻找出路,还是站在更高的维度俯视迷宫再找到最佳的问题解决路径。这就是透过问题看本质领域一个方面的体现。

关于沟通交流,俗话说,有图有真相,哦,不对,是一图胜千言。有些程序员写技术文档啪啦啪啦的写一大堆,有时真不如一张清晰的架构图或交互图让人更快速清晰的理解到。在对系统有了抽象全面的多维度呈现,清晰准确的交流,直击了问题本质,那么正确而适当的平衡取舍也没那么难了,对吧。

如何?

图形

我画技术图例时只会使用一些最基础的图形,比如:矩形、圆、三角、菱形、气泡、箭头,这些最基本的图形几乎所有的画图软件都会自带的,所以工具的依赖性很低,但选择的效率很高。当然如果有时为了表达和一些著名外部系统间的交互,这些著名外部系统可能都有各自著名的Logo图标,也会直接使用它们的Logo图标。

像下面图示,就是我常用的一些画图图形元素。

颜色

有时系统的组成比较复杂,只用基本图形不足以表达所有不同的系统组成部件,这时就需要用颜色来区分了。那么下一个问题就来了,该用哪些颜色呢?我的答案是使用大部分人觉得美的颜色。那大部分人喜欢什么颜色呢?当然我没有作过任何调查,全凭脑袋拍的。我觉得大部分会觉得彩虹是美的,所以我一般用得颜色就是彩虹七色外加两种经典色:黑、白。这样就有九种颜色加上几种基本图形,可以组合出几十种表达不同组件的图形元素,基本够用了。

彩虹七色包括:红、橙、黄、绿、青、蓝、紫。但七种颜色的选择也是有优先级,在一本讲设计的书中DesigningwiththeMindinMind(中文译名《认知与设计》,其实我觉得译名没有原名那么的有感觉)提出了下面一些色彩使用准则:

使用饱和度、亮度以及色相区分颜色,确保颜色的高反差,因为人的视觉是为边缘反差而优化的。

使用独特的颜色,因为人最容易区分的颜色包括:红、绿、黄、蓝、白和黑。

避免使用色盲无法区分的颜色对,比如:深红-黑,深红-深绿,蓝色-紫色,浅绿-白色。

使用颜色之外的其他提示,对有颜色视觉障碍的人友好,而且也增强了可理解性。

避免强烈的对抗色,比如:红黑,黄黑

所以你看为什么交通灯是:红、黄、绿。为什么乔布斯选择这三个颜色作为MacOSX操作系统中所有应用窗体的按纽颜色,这也是暗合人类的视觉认知原则的。所以我现在多选择是白底、黑字、黑色线条、色块优先选择:红、绿、黄、蓝,实在不够用了才会选择:橙、青、紫。

当然红有好多种红,绿有好多种绿,我用哪种?看下图所示,给出了RGB三原色的配色数值(别相信自己的眼睛,不同显示器上看到的效果会有差异,作为程序员需要精确点)。至于为什么是这个选择,后面再说。

审美

几何?

探讨了如何,我们接着看看几何。此「几何」不是数学里的几何,而是曾几何时,我们想象中很麻烦的事原来如此简单。掌握画图技法到底代价几何?又价值几何呢?

所以,学会使用一种简单的软件,使用简单的图形和配色,在最有效率的情况下画出一幅效果还不错的图例,也是很有价值的。当然很多程序员会认为只有写出的代码才有价值,其实这里可能忽视了一个大部分程序员都认同的观点:代码也是写给人看的。程序员不会认为一份机器能运行而人很难看懂的代码是好代码,而画好图能更好的帮助你去思考代码的组织和呈现方式。

需要画图工具和之类的教程,可以加我的群:705194503里,供大家免费下载,希望可以帮到大家

本文只是介绍了一种极简的绘制技术图例的技法,毕竟我们画图只是为了追求讲清楚一个技术或展示一个系统,不需要考虑任何多余的艺术性。最低的代价,还不错的效果,在效率和效果之间取得性价比最高的平衡。

THE END
1.掌握制作出色PPT的六个关键步骤和实用技巧在现代职场中,PPT已成为沟通和展示的重要工具。掌握PPT的制作技巧,不仅能让你的观点更加清晰,还能提升你的专业形象。本文将带你一步步了解如何制作出色的PPT,帮助你在众多演示中脱颖而出。 步骤一:确定主题 首先,你需要明确你的PPT主题。确保主题简洁明了,这样观众才能快速抓住重点。 https://bbs.wps.cn/cms/NGmdNQYC.html
2.PPT手绘之绘图技巧2、对绘图工具栏“自选图形”中的图形使用双击,只能产生“单位正xx”图形,不能连续绘图。 3、右键绘图工具栏-自定义-命令-自选图形-选择命令-拖到工具栏中,今后就可以双击这些图形连续绘图。 以下是与CTRL、SHIFT、ALT键结合的绘图功能和技巧 二、画任意大小的正方形、圆、正xx…… ...http://www.360doc.com/content/16/1221/11/39274608_616508895.shtml
3.第12课《临画图软件使用技巧》课件2信息技术七上.ppt全文免费*第12课 画图软件使用技巧 12.1 将屏幕复制到画图窗口中 1、抓取屏幕 2、保存抓取到的图形 12.2 文件格式转换 1、在“画图”窗口中打开JPG格式的文件 2、文件格式转换 教学目标 知识目标: 1、理解抓图的简单含义。 2、记住抓图的两种方法。 3、了解剪贴板的作用。 4、认识https://mip.book118.com/html/2019/0311/5221330134002020.shtm
1.《画图软件使用技巧》ppt课件信息技术七上.ppt《画图软件使用技巧》ppt课件信息技术七上.ppt,画图软件使用技巧,画图,软件,使用,技巧,ppt,课件,信息技术 温馨提示: 1: 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。 2: 本站的文档不包含任何第三方提供的...https://m.renrendoc.com/paper/106824146.html
2.如何做好PPT——画图篇ppt画图教程1.PPT技巧 设置为默认图形 如果默认图形中的配色和字体大小可以后续用到,则可以用到这个功能,减少频繁调整格式和规格。 同理,文字也可以设置默认文字。 快速样式 对于需要选择或调整配色时,这个功能可以减少我们选择的难点,也能提供给我们一些借鉴。 2.画图搭配(待补充) ...https://blog.csdn.net/roadmore/article/details/89356726
3.课件ppt制作实用技巧ppt课件怎么制作才能更好?有什么ppt课件制作的实用技巧吗?小编为大家整理收集了ppt课件制作的实用技巧,供大家参考借鉴。 ppt课件制作实用技巧【1】 大多数教师还是比较喜欢用Powerpoint来制作一些课件,Powerpoint的使用率还是很高的,这是因为对于大多数教师制作自用教学软件来说, ...http://m.fanwen.yjbys.com/xuexizhishi/469835.html
4.怎么做画图ppt?怎么做画图ppt详细步骤?本文分享了一些制作画图PPT的方法和基本技巧,包括选择合适的画图工具、制定画图计划、利用图片和图标等。同时,还提供了更多关于PPT制作的相关资讯。... PPT是一种制作演示文稿的重要工具,而画图也是PPT中常用的功能之一。下面,我将以一个制作者的身份,分享一些画图ppt制作方法,并希望对大家有所帮助。 http://www.pptjia.com/Powerpoint/sheji/142171.html
5.ppt中自选图形的运用13篇(全文)教师:刚才老师欣赏了各个小组的优秀作品,都觉得非常好。为什么呢? 老师认为题材来源于生活,这样创造的图片才是最好的。我们的第四部分的学习,将不但考验了我们的绘图技巧,更是对我们语文知识的大挑战。 (PPT10:创作图片,配上成语) 欣赏一组图片,猜猜它们表示了什么成语? 看完这些成语图片,相信大家都想尝试一下。https://www.99xueshu.com/w/fileo08b465i.html
6.PPT技术路线图绘制指南(ppt技术路线如何画图)原问题:ppt技术路线如何画图 在当今的商务和学术报告中,PPT技术路线图是一种常见的展示工具,它能直观地展示项目或产品的开发进程和技术演进。那么,如何高效地在PPT中绘制技术路线图呢?以下是一些实用的步骤和技巧。 首先,明确技术路线图的内容。在动手绘制之前,你需要对要展示的技术路线有一个清晰的规划。这包括确定...https://ppt666.zaixianjisuan.com/question/pptji-shu-lu-xian-tu-hui-zhi-zhi-nan.html
7.你是PPT大神吗?看看这些144项PPT技巧你会不会右击工具栏打开"控件工具箱",再点击文本框,而后从"属性"里面把滚动条打开,在TEXT里面输入文本框的内容.(完成)还可以通过"其他控件"中的SHOCKWAVE FLASH OBJECT 实现PPT中加入FLASH。 轻松隐藏部分幻灯片 对于制作好的powerpoint幻灯片,如果你希望其中的部分幻灯片在放映时不显示出来,我们可以将它隐藏。方法是:在普通...https://www.pptfans.cn/400924.html
8.144项ppt制作技巧右击工具栏打开"控件工具箱",再点击文本框,而后从"属性"里面把滚动条打开,在TEXT里面输入文本框的内容.(完成)还可以通过"其他控件"中的SHOCKWAVE FLASH OBJECT 实现PPT中加入FLASH。 3. 轻松隐藏部分幻灯片 对于制作好的powerpoint幻灯片,如果你希望其中的部分幻灯片在放映时不显示出来,我们可以将它隐藏。方法是:在...https://www.douban.com/note/194004888/
9.chatppt怎么用?三、使用技巧和建议 充分利用美化功能: ChatPPT提供了丰富的美化功能,如更换模板、设置字体、设置文本、更改主题色、更改排版等。你可以根据自己的需求,对生成的PPT进行进一步的美化。 辅写类指令: ChatPPT还支持辅写类指令,如辅助PPT内容生成(续写、改写、润色等)、翻译、画图等。这些功能可以帮助你更高效地制作PPT...https://ai.gameba.cc/wz/1486.html