当前位置: 首页 > 后端技术 > Java

我的成长故事1:教你画出令人赞叹的图(程序员必读)

时间:2023-04-02 00:06:41 Java

画好图是什么意思?作为一个程序员,你经常做的事情除了命名变量和类之外就是画图了。抛开命名的头痛不谈,画图是我们表达想法的一种很好的方式。因为画图可以清晰表达你的思维框架,帮助你梳理逻辑,更好的传达信息。有人告诉我,画画是一件费时费力的事情,确实如此。但是你要换位思考,为什么费时费力呢?因为你的大脑正在组织你用语言表达的东西,你要思考如何用简单明了的方式表达出来。如果你只是乱涂乱画肯定不会打扰你,不是吗?好吧,知道了这些,你其实会发现,如果你画几张高质量的图,你可以清楚地表达你的想法。无论是在工作、面试、与人交往中,都能事半功倍。那你是不是应该多停留在这个领域,学习更多的方法和表达方式。这对您的工作生活非常有帮助。画好图的必要思维是站在观众和新人的角度去画。假设这是你第一次了解这门知识和技术,你接受什么样的表达方式才能理解。如果往这个方向画,肯定会有提升。这一点非常重要。如果我是读者或观众,我将尝试使用我对这幅图的理解方式。如果难以理解,说明描述不当。要不要拆分更多的图,一步步解释。要不要举个例子,用图片描述等等。从这个角度去想,画画肯定会有进步的。生活中处处都是道场,任何行业的人都可以学到东西。可以向有经验的人、网站、平台等学习各种绘图案例,比如配色方案、流程图搭配等。比如我看到一个官网spring.io就有不错的配色方案。我可以使用在线颜色笔刷工具吸收颜色并学习其配色方案。之后你可以使用一些在线绘图网站,比如Band-Aid,找一个模板,更改颜色和图片,得到如下海报图片:类似的学习还有很多:或者某公众号文章有一个布局不错,可以借鉴修改。或者是从事非线性剪辑的朋友,比如PS、Premiere等,经常会用到一些色卡。您可以找到一些用于绘图和匹配的配色方案。或有人写出好文章或发表好演讲。向他们学习文章和演讲的布局,可以学习ramp-content-dessert的布局思路。或者……其实值得学习的东西太多了。前提是只要有想法,有好的心态,有目标,其次才是方法和能力。困难多了,剩下的就容易解决了。从粗到细,从上到下。表达任何东西,都需要从脉络到细节,不能只画某个细节。比如之前的Kafka成长笔记5,应该先有Producer发送消息的核心逻辑图,再有每一步细节的图就更好了。整体梳理一下,然后分析每个步骤,比如元数据拉取、生产者消息初步序列化、分区路由、缓冲原理等。就像顶层流程图,一级流程图,二级流程图levelflowchart之前大学用流程图的时候也提到过,这种思路很多地方都可以类比。注意突出信息的表达。适当添加注释、颜色、粗体等,对生词进行解释,强调重点。注意重复,重要的逻辑和晦涩的知识可以适当重复。拆分步骤图,细化逻辑表达式。例如,一些不熟悉的业务术语和复杂的逻辑。可以用上面的方式来表达。在之前的Zookeeper成长故事中,讲到选举原理的时候,将选举的复杂逻辑分解成步骤图,通过添加注释和高亮关键字的方式画图。如下图《选举过程PK选票逻辑》:上图使用绿色注释突出关键信息,整体图属于选举过程中的第xx步。如何有好的配色当你意识到绘图和共同想法的价值时,你其实应该明白,有想法其实有很多方法。在这里和大家分享一个非常实用的方法——如何选择图形配色。很多人画的都是灰白系列,或者特别辣眼睛系列的配色。配色不合理会导致文字不清晰、难以理解等问题。所以一个好的配色绝对可以给你的画面带来事半功倍的效果。获取配色方案的方法有很多种,我给大家介绍一下我使用的方法。首先是绘图平台或软件的选择。很多年前,我用过很多绘图软件和各种UML系列,比如smartUml、viso、PowerDesigner。无论如何,他们有很多。以前,我们习惯于下载一个软件,安装到电脑上。但是近年来,随着网速的提高和互联网的发展,越来越多的人喜欢在网上画图。出现了ProcessOn、亿图等在线绘图软件。其实不管你用什么软件,只要方便你使用,就没有好坏之分。以ProcessOn为例进行颜色选择。我觉得在线画图+使用git可以满足我在多个办公室写成长笔记的需求。所以自然生长笔记的大部分图片都是用这个软件做的。好了,回到整体,配色方案,如何指定。很多人可能不知道配色方案和色卡这些词汇。其实也不难理解。在剪辑领域,说白了就是一些艺术家和设计师将合适的冷暖色搭配起来,形成一个系列,也就是一套配色方案。许多设计师喜欢将多种配色方案制作成色卡合集,形成自己的风格搭配。所以既然有现成的搭配方案,你绝对不需要浪费时间和精力自己搭配。如果不小心符合自己的审美,就会得到辣辣的吸睛配色。其实色卡出处百度一下就可以了。现在有很多在线色卡网站。比如下面这个网站:https://colordrop.io/如果你喜欢某个网站或者图片的配色,也可以通过在线吸管获取对应的颜色,比如:http://www.jiniannet.com/Page...制作和收藏色卡有了色卡,您可以自己制作一张图来收藏。如果创建色卡匹配图,每次都可以从这里复制对应的色卡图。ProcessOn今年升级了一项功能。有收藏匹配功能,可以将色卡拖到左边,而不用另存一个文件。这个还是不错的。有了色卡后,就可以用不同的色卡来画图了。举例如下:例一:例二:例三:总结画图的价值,更好的表达和梳理思路。作画思路分享:站在观众和新人的角度作画。生活中处处都是道场。任何行业的人都可以从粗到细学东西,从上到下注意突出信息的表达。最后是方法分享,配色的方法:选择色卡,制作和收藏色卡。知道了思路,方法自然就来了。相信只要大家按照我之前介绍的思路,不断思考和实践,相信你的绘画能力一定会有所提高的!今天就到此为止。如果你想听我分享更多我的成长和故事,欢迎在评论区留言。看到好东西我会安排给你的~~本文由多帖博文发布平台OpenWrite发布!