如何制作一张地铁线路图

2016-10-27 10:32:00

作者：太空小孩
链接：https://zhuanlan.zhihu.com/p/23219819

去年底的时候画过一张《深圳轨道交通线路图（2022 年）》，现在有点时间，打算简单讲解一下我的创作过程，使用的工具是 Sketch。这张图长这样：

大图下载：https://pan.baidu.com/s/1pKUmkCb

一些细节：

今年的四期规划公示出来之后进行过一次调整，而在去年刚画的时候，它是这个样子的：

当然，即便是现在，这张图仍然存在着相当多的不完善之处，毕竟是规划路线，调整起来完全不会照顾你的感受。再者精力有限，所以去年画完之后停滞到现在基本没怎么更新。这里不讨论本线路图的具体内容，只说创作过程。

除了需要照顾频繁的规划调整，画成一幅地铁线路图还要有相当好的耐性：

比如画到一半，突然发现论坛里一个大神已经把整个珠三角的轨道交通规划全画在一张图上了，顿时受到 10000 点伤害。又画到一半，看到论坛里一个大神把全地球所有城市的轨道交通路线全画出来了，彻底崩溃。所以所谓好一点的耐性说的是，崩溃完之后，当做什么都没看见。

1. 前期准备

前期基本上是大量资料的收集，包括但不限于：

政府公开资料，尤其是规划公示以及《轨道交通建设规划环境影响报告书》
专业地铁论坛，荟萃了各路大神、新闻报道、业余制作的线路图
新闻检索、维基百科等
请你那些在规划部门或轨道交通建筑工地工作的朋友吃饭

对于创作规划线路图，你需要找的资料更多、更专业，需要对规划线路进行长期的关注，才能确保你手头的资料是最新、最准确的。

准备战斗，选择你的工具。

无外乎是需要在 Visio、Illustrator、Sketch 等矢量绘图软件中选择一个你顺手的工具。Visio 的问题在于花样太少，出不了更专业的图，而 Sketch 除了用着非常顺手以外，还有个好处就是可以用 Symbols 功能批量处理相同图层的样式。这里以 Sketch 做说明。

2. 绘制底图

建立一张足够大的画布，并设定一个等距的网格系统（我习惯用的设置是 50px 一格）。

根据现行的地铁运营线路图画出已有线路的大致走向，注意对齐到网格。现行的地铁运营线路图非常容易搜集，你需要做的仅仅只是依葫芦画瓢画几根线就好了。

因为觉得官方 VI 配色比较丑，我用 Google Material Design 的色盘取了相近色值。

所有线路只需要用钢笔工具在网格上一格格地绘出路径即可，颜色通过添加路径描边的方式即可处理。注意每个点都在网格上，路径倾斜只允许存在 45 度角。可以同时把地形也大致画出来，我这里海浪花纹的处理方式是，先在底图平铺上事先绘制好的花纹，然后上面的地形层通过布尔运算减去水体的轮廓形状。嫌麻烦的话，可以用纯色填充，不画也没关系。