一张金融图表是怎么画出来的

很多人以为这类图的难点在于画得好看。真正花时间的是前面几步：想清楚这张图要回答什么问题，把系统拆到什么粒度，读者先看哪里后看哪里。画只是最后一步。

第一步：先定一个能被回答的问题

「画一张银行业的图」不是一个能执行的需求，因为它没法判断画完了没有。可以执行的说法是：

• 一个刚进行的新人，能不能在图上找到自己岗位对应的位置
• 一个做对公业务的客户经理，能不能顺着图讲清一笔贷款要经过哪些环节
• 一个 IT 负责人，能不能指出这套系统里哪几个节点最依赖外部供应商

这三种问法画出来的图完全不一样。第一种要按岗职和组织结构排，第二种要按业务流程排，第三种要按系统依赖排。同一个行业，三种排法，三张图。

如果一句话说不清这张图给谁看、看完能回答什么，就先别开工。

第二步：把系统拆成层级

拆法通常有三类，选哪类取决于读者是谁。

我们做「数字化基础设施」那张亚克力时用的是按层拆：上面是客户真正在用的 AI 应用，中间是 Agent、MCP、模型平台，下面是数据仓库、云平台、服务器和机房。这个顺序和读者理解一个 AI 请求的路径是一致的，从上往下读，正好对应「用户点了一下，背后发生了什么」。

做「全球金融市场」那张时换成按主体加空间拆：画面上方是城市天际线和全球连接，中部是金融机构聚集的城区，下方是交易与资金环节的数据流。读者不需要懂技术，只要知道「这些机构在一起构成市场」就够了。

第三步：决定阅读顺序

一张好图会替读者做决定：第一眼看哪里，第二眼看哪里。做法是给不同位置分配不同的视觉重量。

• 视觉中心只有一个。把所有最重要的信息放在同一个区域，其余部分弱化。
• 用视线引导线。一条贯穿的主轴、一条渐变的色带，都比画箭头自然。
• 层级不超过四层。超过四层，读者在图上就找不到自己的位置了。

我们常用一条竖向的发光主脊把各层串起来，既符合「数据上下流动」的实际关系，也在视觉上给了读者一条明确的读图路径。

第四步：做视觉编码

图表的信息量大部分靠编码规则承担，不靠字数。几条实际约束：

关于文字还有一条：能画出来的就不要用文字解释。一个环节如果有上下游关系，画线比写「该环节与上游系统对接」有效得多。

第五步：校验能不能被指着讲

图做完不看设计稿，看使用场景。把图打印出来 A4，或者放到手机屏幕上，然后试着不看笔记讲三分钟：

1. 能不能指出三个关键节点
2. 能不能顺着线讲清一条完整路径
3. 被别人指着任意一处时，能不能说出那是什么

三项里有任何一项卡住，说明那张图还没完成。我们做「行业 Agent 图鉴矩阵」时，54 个节点反复调整过几轮，原因都是第三个测试过不了：某个格子自己知道是什么，但讲不出来。

落到实物上：三个具体问题

图在屏幕上通过校验之后，还要过实物这一关。这一关的问题比想象中多。

尺寸决定信息密度上限

同样一张图，放在 900×400mm 的桌垫上看是清楚的，缩到 25×12.5cm 的亚克力上，最小的文字就到了 4pt 左右，正常距离下已经读不出来。这时候要么减少节点数，要么把不重要的文字删掉只留图形。我们做亚克力版时，把一些辅助标注直接去掉了，留下的都是能用图形表达的层级关系。

印刷与屏幕的色差

屏幕上看着通透的深蓝，印在亚克力上会偏暗一档，因为亚克力本身有一点底色，而且光是从背面穿的。深色底的图在实物上需要整体提亮，否则细节全糊在一起。桌垫因为是不透光的织物或橡胶面，色彩反而更接近屏幕。

观看距离

桌垫是平放在桌面上的，人是低头看，距离大约 40 到 60 厘米，可以承载较密的细节。亚克力是立着的，坐着时视线在它的上沿附近，下半部分是斜着看的，所以下半部分的元素要比上半部分更大、更疏。

最后

这类图的价值不在于好看，而在于它能替代一段解释。一张能被三个人分别指着讲同一件事的图，比一份二十页的文档更管用。我们做产品的方式，就是先把这张图做出来，再决定把它印在什么上面。