如何通过卡通教技术概念

这些天人们有时告诉我：“你真擅长画画，太酷了！” 我觉得这很有趣，因为当我尝试画动物时会发生这种情况。 但！ 实际上，有一种技巧可以用图纸向人们解释技术概念。 而且我想我已经很熟练了！ 这与“绘制看起来像大象的大象”一样，是一种不同的技能。 这篇文章是我在说明有关计算机的想法时使用的几种模式。 如果您有兴趣使用图纸教人们有关您最喜欢的计算机主题，希望对您有所帮助！ 让我们谈谈如何构造卡通以及如何将计算机概念转化为图片！ 再次强调一下–这基本上是我使用的整个视觉词汇。 我认为高科技漫画与漫画技巧有关！ 我需要擅长：

用很少的单词来表达一个想法（例如，这个互斥体卡通中可能有60个单词） 将某些内容分解为简单的概念（“了解DNS需要什么关键思想？”） 分阶段进行相关情景分析（“有什么很好的例子来说明互斥量如何工作？”） 我做了很多拟人化/拟人化工作-我将采用一个系统，并将其转变成一群互相交谈的角色。 例如，这是Kubernetes的一个场景：kubelet组件正在与API服务器通信 它强调了“ kubelet”和“ api服务器”（无论是什么）在Kubernetes中都是重要的概念。 这是我的网络杂志中的角色转换的一部分：（笔记本电脑！路由器！操作系统！程序！） 使用复杂的计算机系统并分解“好吧，这是该系统中的三个主要重要特征”非常有用。

制作角色之后的下一步就是将它们放置到场景中并使它们彼此交互！因此，一旦确定“这里的重要角色是笔记本电脑，DNS服务器和HTTP服务器”，就可以展示它们在现实生活中如何真正协同工作。

我认为这个场景（程序2认为“不是我该走了”）是一种非常清晰的方式来解释使用互斥锁时发生的情况，而且我认为比起阅读解释相同内容的段落来，了解发生了什么要快得多。 。

我列出了很多清单（例如，这篇帖子本身是“我从制作漫画中学到的东西的清单：）”）。一些例子：

这是网络工具列表的一部分，它们的用途是

这是一个非常清晰的结构，因此很容易理解

这是一种教别人新东西的好方法（也许您列出了10件事，而他们只知道其中7件事！）

他们都不声称自己是详尽无遗的（我不是说这些都是流程的全部属性！）

有时候，我在做东西的同时会学到令人惊讶的东西。例如，我开始列出Linux网络工具，而我对其中有多少感到非常惊讶（我最终列出了其中的24个！）（这是整个列表）

手绘漫画的最大乐趣在于，我可以很容易地绘制图表来解释我的意思！不要摆弄LaTeX或graphviz或其他任何东西。

我喜欢我可以使用箭头/颜色来强调我认为重要的事情或提供额外的信息。像在此UDP数据包图中一样，我以灰色显示了一些我认为不太重要的字段（例如“片段偏移”，它比起源IP地址绝对不那么重要）。

计算机通常确实令人困惑和惊奇。这可能令人沮丧（“ myprogram甚至在做什么？！？！”），也可能很有趣！我认为发生的所有奇怪的事情都是计算机乐趣的一部分！所以有时候我会开玩笑。

这是Kubernetes的调度程序，它非常担心，因为它注意到一个尚未调度的pod。（调度程序：“哦，不！我应该已经做到了！朱莉娅会生气！”）

还有一个愚蠢的“ C代表线性化”的笑话（因为“ CAP定理”中的C代表“一致”。但是“一致”这个名词还不清楚，因此更确切地说，它听起来可以线性化。所以令人困惑！ ”）

我喜欢使用卡通漫画，但有时我只写一段文字。这是关于dstat的页面的开始：

这基本上只是说“每秒，dstat会打印出多少网络＆amp;您的计算机第二次使用磁盘”。我可以输入！但是我认为手工书写强调了“不，这是我真正喜欢的东西，我非常喜欢它，所以我亲手写并制作了一张照片给你看！”

有时我想粘贴并讨论您可能会在计算机上看到的一些输出。例如，当我制作strace zine时，我意识到很多strace输出确实令人困惑。我想粘贴一些实际的strace输出来谈论！

幸运的是，在图形中这样做真的很容易，因为您可以在图形中放入任何想要的东西！

一开始我说“我画不好”，这是真的！但是我可以追踪事物。这是弥补我缺乏绘画技能的一种方式。

有时包括徽标/图标很有用！例如，这里是我跟踪到的Kubernetes徽标，递归中心徽标，Tux（Linux企鹅）和一只猫的版本。据我所知，这只猫是鞣制者的徽标。

这些徽标的手工跟踪版本有些摇摆不定，而且以我非常满意的方式使它们不精确，我认为它们看起来很酷。

您前面有一张空白纸，还有一些要传达的信息！你怎么做呢？拥有一些结构模式确实有帮助。这里有些例子：

还有另一个列表，这里是步骤列表。 这是按编号的面板组织的！ 这是一部普通的漫画，而不是清单–它在视觉上像漫画一样以正方形/矩形排列，并讲述了一个故事。 最后，这是一个非常不规则的结构。 我个人觉得很难理解/理解这一点，我认为拥有更多结构比这更容易。 我认为面板是一种流行的结构化漫画的方法，这是有原因的，它们可以帮助您拆分绘图并弄清楚应以何种顺序阅读漫画。 仅仅制作卡通漫画并不一定意味着它可以教人们需要了解的内容 在这里，我将挑选另一本漫画，我不太喜欢，但我需要一个例子：）。 Kubernetes有一个非常可爱的指南，叫做《儿童Kubernetes插图指南》。

我认为这部动画片很酷，并介绍了许多重要的想法。但是对我个人而言，直到我了解了etcd在Kubernetes中的作用（所有Kubernetes状态都存储在etcd中，而其他所有Kubernetes组件都是无状态的），我才完全不了解Kubernetes是如何工作的。而且这部卡通片甚至都没有提到过etcd！所以我认为这部动画片真的不会帮助我理解Kubernetes。

使概念更清晰，更有趣都是伟大的目标！使事情变得有趣可能是一种使人们关注并使艰苦的概念显得不那么令人恐惧的好方法！

但是，当我处理插图时，考虑一下我的图纸是否确实有助于解释概念或它们是否有趣就很有用（例如在谈论Wireshark时画一幅鲨鱼图片！）。

在这个儿童插图的kubernetes指南中，我认为这些图纸主要是为了使内容看起来更有趣-几乎所有实际内容都在文本中。我认为，如果您删除了所有的长颈鹿图纸，则该文档将包含基本相同的信息！这不一定是一件坏事，但我通常希望在图纸中包含更多信息内容。

三星Chromebook Plus（尽管任何带有S-pen的三星平板电脑都可以使用。或者带theapple铅笔的ipad！）

拥有可以绘图的平板电脑意味着我可以真正快速地绘图，单击“在Twitter上共享”，然后立即将其展示给全世界。与使用笔和纸的时候相比，我绝对可以用它制作更多的图纸。他们看起来更好:)

首先，我用钢笔/沙皮纸在纸上画东西，然后拍照。他们看上去都比我上面发布的内容差很多，但它们仍然非常酷！

例如，这是一张很早的绘图，我用笔在纸上画过并张贴到Twitter。 如今，Ifind就是这种垃圾 当我张贴它时，它难以辨认，但说实话，我得到了很多正面评论（证据）。 因此，图纸不必精美美观！ 它们可能是您在纸上写的粗略的东西，没关系。 让我们以我去年制作的浮点漫画为例！ 对于那一步，步骤是： 请记住，直到我从Stefan Karpinksi那里学到了一些关键见解之前，我对浮动关键点确实很困惑。 当我学到这些东西时，我的头脑完全被震撼了，这真是令人兴奋！！！ 2 ^ 52之后的最小两倍是2 ^ 52 +1（所以2 ^ 52 + 0.2 = 2 ^ 52）。 想一想：“那三件事很简单，我可以把它们写成漫画” 这是本例中我想出的最后一个浮点漫画 我整理了很多漫画，讲述了一些关键的见解/事实/令人惊讶的事情，这使我花了很长时间学习并且对我真的很有用。

另一个例子是“ Unix权限如何工作”漫画，就像您不知道'0644'是八进制数字，以及为什么它映射到rw-r--r--一样，很难理解权限如何工作 。 这是有关unix权限的漫画。 如果您对绘画技术卡通感兴趣，希望这篇博客文章为您提供一些有关如何做的想法！ 我见过很多人都对技术做了很好的说明： 如果您对制作漫画感兴趣，我会特别推荐Scott McCloud撰写的《了解漫画》一书，它是漫画工作原理的不可思议的解释。 我从阅读中学到了很多东西。 Lin Clark https://code-cartoons.com/（很多React卡通）。 她还发布了一些关于Firefox内部组件的精彩文章，例如“超快速CSS引擎内部”：Quantum CSS（又名Stylo） 艾米·威波沃（Amy Wibowo）https://bubblesort-zines.myshopify.com（计算机科学杂志！）。 之前，我曾写过一篇关于我认为她的工作有多出色的粉丝文章。