为什么你的架构图总被吐槽？顶尖数据架构师这样绘制！

0 前言

如何制作有影响力的技术演示文稿和图表，以精确和故事性的方式有效传达复杂的想法。

上周末，我和一位好友聊起了科技领域的最新动态。虽然他的专业背景不是计算机科学，但他对科技和最新动态非常感兴趣。从新发布的 iPhone 到最新的开放人工智能 o1 模型，我们无所不谈。他随口问我 GPT 是如何工作的，我试着解释，假装自己是专家：)

无论我怎么努力，都无法向他解释清楚。我可以清楚地看到，我正在失去他的注意力，因为他开始专注于他的微信消息。于是我决定画一张图，毕竟俗话说 "一图胜千言"。我打开了 Excalidraw，这是我常用的绘图工具，其超酷的界面能让图表看起来像手绘的一样，我试着用图表向他解释 GPT 架构和 LLM 的工作原理。我很快吸引了他的注意力，他带着丰富的信息（和一堆创业想法离开了；）。

这让我想到，为什么不把这个想法写进我的下一篇博客呢？

1 一图胜千言！

你是否曾发现自己需要快速创建一个架构图来表达对某个概念的理解，或者创建一个有影响力的电梯演讲，但却没有足够的时间来整理思路或选择一个突出的模板，而不是在幻灯片中充斥大量文字？又或者，你脑中有一些原始想法，只是想创建一个思维导图，以便日后参考？

你并不孤单！当然，可能有人工智能工具可以提供帮助，但一个出色的演示需要的不仅仅是人工智能！它需要人类的创造力和个人风格。图表也是如此。用图表表达想法的方法数不胜数，但只有最有影响力的才能真正脱颖而出！下面是我在制作演示文稿时遇到的一个极具冲击力的图表：

百视达 DVD 商店显示关闭：

对那些不熟悉这个标志的人来说，它属于 Blockbuster，一家曾经在美国很有名气的 DVD 连锁店。每当有新的电影或游戏 DVD 发行时，人们都会蜂拥而至。你可能想知道，这个标志是怎么回事，它与这个话题有什么关系？好吧，如果你还不清楚的话，Blockbuster 已经关闭了大部分门店，现在只剩下俄勒冈州本德的一家。这就说明了一点，好的视觉效果会在受众心中产生持久的影响！

说的够多了！以下是一些我常用的图表制作工具。

1 使用 Lucid 绘制思维导图

Lucid 是一款高度直观的基于浏览器的工具，我用它来创建思维导图。它易于浏览，并为 UML 图表、思维导图、流程图等各种用例提供了开箱即用的模板。下面是我在为本博客集思广益时创建的思维导图示例。

使用 Lucid 创建的思维导图示

2 用于手绘图表的 Excalidraw

我经常使用 Excalidraw 绘制概念草图，或者在向别人解释概念时使用。该工具非常直观，提供各种易于使用的功能和插件，可以添加难以手动绘制的形状，如云提供商的架构图标。下面是一个快速示例，展示了图表的外观。

使用 Excalidraw 绘制的简单图像

3 Draw.io 用于架构图和设计云工作流程

与 Lucid 一样，Draw.io 也提供了一个用于创建流程图的简单网络界面。我经常用它来绘制 AWS 架构图。Draw.io 开箱即提供各种云提供商图标和模板，可以轻松地将它们纳入架构设计中。虽然 Lucid 提供了类似的功能，但我个人更喜欢 Draw.io--这纯粹是个人选择。

4 PPT 中的架构图

大多数时候，我在 draw.io 中绘制图表，然后导出为 png 或 jpeg 格式，再导入 PPT。不过，有时这样嵌入的图像分辨率不高，所以我很可能最终还是要在 PPT 本身中构建一些内容。对于云提供商，如果有的话，我会使用他们提供的模板。例如，AWS 在这里提供了模板。我相信其他云提供商可能也有类似的模板。

如果我在不深入研究云服务的情况下构建一个逻辑架构，我很可能会使用 Powerpoint 中的 "形状 "菜单来构建这个架构。

2 架构图的设计原则

在绘制技术架构图时，我们需要牢记确保图表清晰、有效并具有视觉吸引力。以下是我通常遵循的一些设计原则：

2.1 目的和受众

• 确定目标：了解图表的目的--是用于规划、沟通还是技术验证。可以是高层业务架构、详细系统架构或云基础设施图。
• 了解你的受众：根据图表的查看对象来调整复杂程度和细节。高管可能更喜欢高层次的视觉效果，而开发人员可能需要更细化的技术细节。

2.2 简明

• 避免过于复杂：在传达必要细节的同时，图表应尽可能简单。杂乱无章的图表和过多的动画会让受众感到困惑。
• 层次和结构：使用逻辑分组和清晰的层次来展示各组件之间的互动。突出最关键的系统和依赖关系。
• 清晰的标签：确保每个组件、服务或连接都有清晰的标签，并在整个过程中使用一致的术语。

2.3 标准化

• 使用既定图标和符号：遵循行业标准图标（如 AWS、Azure 或 GCP 图标）和命名约定，使图表直观易懂。
• 风格一致：保持图表字体大小、颜色和形状一致。这有助于创建统一和专业的外观。

2.4 数据流与连接

• 显示关系和流程：使用箭头、线条或连接器来显示数据、服务或操作的流程。确保数据流的方向直观易懂。
• 明确边界：对于分布式系统或微服务，应清楚地勾勒出服务边界和网络层。这可确保查看者能够区分内部和外部组件。

注意：架构图应随着系统的发展而发展，因此要对其进行版本控制和更新。寻求反馈并不断改进，以确保你的图表随着时间的推移保持准确性和实用性。

3 如何制作有影响力的演示文稿

拥有合适的工具固然重要，但知道如何有效地使用它们才是真正的关键。精心设计的演示不仅仅是视觉效果。它需要以一种能让听众产生共鸣的方式来组织你的信息。就像一部优秀的电影一样，演示文稿需要强有力的叙事。以下是我通常使用的幻灯片结构：

3.1 Title Slide

重点突出你的关键想法，制作一个引人注目的标题！这是你搭建舞台并给人留下深刻第一印象的机会，因此一个经过深思熟虑的标题可以产生立竿见影的效果。

3.2 快速简历（可选）

如果你是在会议上演讲，或者听众对你并不熟悉，那么加入一张简短的个人简历幻灯片会很有帮助。我喜欢在幻灯片中加入一个有趣的事实来打破僵局，从一开始就建立起可信度。

3.3 议程

对演讲内容的快速概述。这可以为听众提供一个路线图，让他们了解接下来要讲的内容，还可以帮助你专注于自己的主题，同时缓解演讲前的紧张情绪。

3.4 问题陈述

用一两句话但不要更多，清楚地阐述问题陈述！最好还能配上一张图片！引人入胜、行之有效的演示具有挑战性，尤其是在平衡清晰度、简洁性和视觉吸引力方面。很多人都会掉进幻灯片文字过多的陷阱，导致听众无法参与其中。如比较这两张幻灯片的设计：

两张幻灯片可能包含相似的内容，但哪一张更具有视觉吸引力呢？我们的目标是通过叙述引导受众，保持他们的参与度，并使你的关键点易于理解。

3.5 架构图

对于这一步，我会使用前面提到的工具之一。关键是避免在图表中加入过多的技术细节或文字。要保持简洁准确，因为这些图表通常用于解决业务问题或实施技术解决方案，清晰准确至关重要。

3.6 解决方案

既然你已经做好了铺垫并提出了问题，现在就是你大显身手的时候了。清楚地介绍你的解决方案，确保它与你概述的问题相关联。

3.7 总结

总结所涉及的所有内容，重申解决方案，并提出最后的想法或主要收获。

3.8 行动号召

在结束时为受众提供可操作的下一步措施，无论是订阅时事通讯、完成研讨会，还是其他任何能促进参与的措施。

注：虽然动画可以增加价值，但要注意不要过度。此外，使用演讲者注释来记录你的所有谈话要点，而不会使幻灯片本身显得杂乱无章。

4 总结

因此，制作有影响力的演示文稿和架构图不仅仅是拼凑幻灯片或画框，更重要的是制作出能引起受众共鸣的叙述。发挥想象力，创造性地表达自己！

无论是解释技术架构还是介绍解决方案，你的幻灯片都应该强化你的信息，而不是压倒它。有了深思熟虑的设计和清晰的结构，你就能引导受众了解你的故事，留下深刻的印象！

请记住，一个出色的演示不仅能提供信息，还能激发行动！