图表与开发者

21世纪技术官导读：通常情况下，显示器，鼠标和键盘是我们开发人员需要的唯一工具。但是我们可能还需要考虑另一个能力，画图。

有句话说：“字不如表，表不如图”。

作为开发者，我们通常与键盘，鼠标为伴。我们每天坐在工作站和笔记本电脑前，将代码输入到文本编辑器，然后切换屏幕运行。

我们可能感觉，图表似乎是个不太常见的行为。但是，对于理解 ，促进沟通和思想汇总，特别是开发人员在解决复杂问题时，会经常处理各种想法，图表在个人和团队中都是相当有用工具。

在本文中，基于我多年的经验与实际观察，通过图表来描写这些关键用途，通过其解释一些关键词和优点，并做一些提示来改进图表实践的提示。

图表的用途

图表的三种常见用途如下：

1）了解问题/解决方案

2）帮助团队/小组互相沟通

3）合并想法

在深入研究图表技巧和窍门之前，我们来一起总强一下图表的用法。

理解问题/解决方案

图表法可以帮助我们理解和处理一个复杂的问题，用图表把它换成更直观的表现方式。

根据我个人的经验，在我小憩、散步或吃点零食、饮料时画一我还图表，作为解除压倒性思维的有效方法。通过做一些与平常不同的事儿，你的思想就能马上突破，并可以恢复一大片能量。

当我们在想解决一个难解的问题时，这种心理的解锁是非常必要的。有时，我们会在问题上固化思维，头脑会陷入一种循环。代码尤其如此。当问题只以代码表现时，思维就会被锁定在问题的一种外在表现形式上，并且无法脱身。通过用不同的媒介来体现一个问题，

协助小组沟通

图表同时也是鼓励和促进两个或一群人之间交流的好方法。

对于我们来讲，身体方面的需要尤其如此。我们的工具，笔记本电脑或台式的设计不太适合多个人间的共享。

个人电脑是为单用户设计的，键盘，键盘和屏幕全部并排在一列中，用于同一个主视线。即使有两个或两个以上的人看同一个屏幕，也不可避免地会出现一些弯腰驼背，这对大多数人来说是不舒服的，更不用说人体工程学了。

这种“预感因素”更适用于手持设备，如手机和平板电脑。

图表，特别是物理图表，就可以让多个人更容易合作。一张纸可以让坐在长椅的两个人之间迅速传递。

或者多个人可以坐在桌子旁边，在他们自己的床单上画画，没有插入式屏幕阻止他们看到彼此的脸和手势。 或者，人们可以站在白板周围，每个白板上都有一个标记，然后轮流移动画出一些东西，然后移出来调查总绘图。

随着每个人都感觉身体更舒适一点，并有空间做出贡献和参与，精神力量更有可能流动，每个成员的最佳想法都会贡献给整体。

合并想法

图表可以帮助参与者分享想法，还可以帮参与者扩展自己的想法。

如果以某种方式绘制图表，在某点就会发现很多空白。

这个空白就可以在参与者的脑海中提供了一个贡献的空间。当一个参与者想到他们想要贡献的东西时，他们可以跳进来，在空间的一个空白区域中填充自己的想法和表现。

他们可以将它连接到图的其他部分，从而建立在图的现有概念结构上，但增加了一个新功能或巧妙地改变了它的方向。 这种开放式综合可以成为开创性新思想的基础。

图表与媒介

我观察到的最常见的四种图表媒介是：

1）笔和纸

2）虚拟笔和纸（例如iPad或带触控笔的表面）

3）白板

4）鼠标/键盘控制的软件

5）从代码中生成

笔和纸

这是最常用和最广泛使用的媒介。 书写工具通常价格便宜，并且容易抓住，从A4纸到笔记本中的各种书写材料也是如此。

传统的笔和纸有许多优点。它们便宜，广泛可用，对大多数人都易于使用，人们可以同步的方式协调思维与手势，直接快速。

它也是物理和触觉的，而其他媒介则不是。 对于某些人来说，绘画或写作的物理行为可以帮助实现认知“流动”状态。

它非常灵活。 笔可以在两个方面绘制几乎任何东西，而不受像文本文件那样被字符集约束。 它甚至可以结合不同的笔划厚度和颜色。 这张纸可以在人们之间传递，粘在另一张纸上或切成小块或张贴在某处。 它可以通过手机或相机拍摄并随时转换为数字资产。

电子笔和纸

这种媒介使用笔/铅笔和纸的比喻和许多物理特征，但是以数字和虚拟形式。 通常它采用手持式平板电脑和触控笔的形式，例如iPad Pro。

此媒介有笔纸的优点，也存在一些缺点：

它在成本和耗能方面比笔纸要贵得多。

它在大多数现代设备上都具有与笔相同的直接性，在拖拽绘图设备表面上加适当的标记之间没有延迟。

它比笔的触感稍差。

它比笔稍微少一些灵活性。比如说，你不能把一块平板电脑粘到另一块电路板上，或者干脆把它切成两半。

但是如果您有打印机，可以将图片打印到纸上，然后也具有上面所有的灵活性。

白板

这种媒介在办公室、大学中很常见。对于任何类型的团队，用它来画图表都是很棒的。

白板有一些自己的特殊优势。大尺寸与可直立使一个团队合作更容易，可以根据需要跳入和跳出来做标记。

与虚拟笔和纸一样，标记也容易删除重写，可快速灵活地迭代和修正图表。

鼠标/键盘控制软件

在这种媒介中，我们使用桌面或移动应用程序来创建图表。这通常涉及和鼠标/触控板的拖放式交互。其次，通常有一些键盘快捷键可用于执行常见操作（例如，删除元素）。

以下是我见过的一些最常用的绘图应用程序：

• YED

• AsciiFlow

• Google Draw

• Axure RP

• Lucidchart

• Microsoft Visio

与前两种相比，这种媒介有一些独特的优势。

1）可以转换为一些有用的形式。例如。 yEd和Visio允许将图表转换为另一种形式，如XML，可用于生成实际的可执行代码。

2）批量操作。 例如，快速选择多个项目（键盘修改器+鼠标单击或使用鼠标拖动矩形框），然后执行批量操作（如删除）。 或通过复制/粘贴复制元素。

3）导入数字资源。例如，您可以在网络上找到图像，将其复制/粘贴到图表中，然后进一步操作（调整大小，裁剪等）。

从代码中生成

这个媒介与前一个媒介有些相似，不同之处在于我们不用鼠标/触控板来创建图表，而是使用键盘编写代码，然后让软件将该代码转换为图表。

以下是我见过的一些最常用的应用程序：

WebSequenceDiagrams

yUML

Code2Flow

方法和提示

以下是我几年来总结的一些有价值的提示。

在画图之前请先暂停片刻，确认自己想要表达什么。当然，如果你不想进入分析瘫痪状态，至少提前想清楚你可要画的前三个元素。 

考虑好这些，这将帮您从清晰明了的实体开始，使图表更具可读性并且保持视觉清晰。

工作先在中心向外绘制。通过聚焦页面或表面中间的前几个元素，可以留出空间以任意方向（上，下，左，右）来扩展图表。 大多数情况下，你可能事先不知道需要添加哪些元素以及将连接到何处，因此尽量保留一些空间。

可以使用直线，直角线。这可能有点个人偏好，但我发现一直使用直角线的图更容易遵循。如果线条都遵循该规则，则图表看起来更“干净”或更少噪音，并且更容易关注内容。

您可能更喜欢线条的不同形状，但在大多数情况下，保持一致性，将提高图表的可读性。

留出大量空白。如果在元素之间留下相当大的差距，那么填写新元素或交叉元素和添加替换元素也更容易。如果是一群人在同一个图上工作，这是非常方便的，因为不同的人可能想添加不同的元素。

绘制图表时请一定写清楚，简单明了。

我无法理解，为什么有些人在标注图表时会急于求成。画图并不是一场速度竞赛，再多花几秒钟就可以清晰明了地写出来。

学习绘制简单的字形或图标。通过包含对象的简单视觉表示，可以极大地增强图表效果。比如人物模型可以由人物的简笔画，消息的信封和状态可以由三维矩形块表示。

如果可以，也使用多种颜色的笔，而不仅仅用黑色。

比如一个小组在图上进行协作，每个人都各自不同彩色的笔，这样很容易知道是哪些人添加了什么内容。 如果图表传达多层信息，每种颜色可以代表一个图层。例如，一种色彩用于数据，一种色彩用于代码。

实践会让图表更完善。我们不断重复绘制图表，逐步合并上面的提示，观察自己的图表技能会随着时间的推移而改善。 即使尝试一些简单的重复练习，也会帮你更清晰，更对称和更有信心。

何时用画图

在任务开始时，在编码之前。用它来找出问题，找到解决方案的关键组成部分及其连接方式。

当出现障碍时，你会注意到陷入了某种陷阱。另外，当你想到问题或解决方案似乎都会变得越来越复杂时。把时间都放在纸上了！

当人们需要合作时，任何时候都需要多个人聚在一起工作。 

无论是多学科团队围绕创意工作，开发者与其他多人使用的API，还是由多个团队共同设计一件事物，都需要画图来帮助。

作者：丽娟

来源：21世纪技术官