惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
WordPress大学
WordPress大学
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
小众软件
小众软件
人人都是产品经理
人人都是产品经理
美团技术团队
Blog — PlanetScale
Blog — PlanetScale
S
SegmentFault 最新的问题
博客园 - 【当耐特】
V
V2EX
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - 叶小钗
Google DeepMind News
Google DeepMind News
量子位
罗磊的独立博客
月光博客
月光博客
N
Netflix TechBlog - Medium
大猫的无限游戏
大猫的无限游戏
博客园_首页
P
Proofpoint News Feed
Jina AI
Jina AI
云风的 BLOG
云风的 BLOG
博客园 - 司徒正美
腾讯CDC

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
如何制作一张地铁线路图 - 少数派
2017-05-08 · via 少数派

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

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

一些细节:

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

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

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

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

1. 前期准备

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

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

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

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

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

2. 绘制底图

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

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

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

所有线路只需要用钢笔工具在网格上一格格地绘出路径即可,颜色通过添加路径描边的方式即可处理。注意每个点都在网格上,路径倾斜只允许存在 45 度角。

可以同时把地形也大致画出来,我这里海浪花纹的处理方式是,先在底图平铺上事先绘制好的花纹,然后上面的地形层通过布尔运算减去水体的轮廓形状。嫌麻烦的话,可以用纯色填充,不画也没关系。

现在的完成度基本上就是比较成型的底图了。

3. 绘制规划线路

在这两步里花费的时间足够玩好几盘《文明》系列,请做好心理准备。基本上,你需要对照靠谱的规划线路资料,一条一条地绘制规划线路。在绘制过程中,站点位置需要不断调整,才能符合实际的相对位置。有时候会因为一处站点的调整,牵扯到四五条线路的调整,好在只是将一个锚点移动到另一个网格上而已。

在绘制规划线路的时候,你可能需要对照地图、规划图和环评方案等资料比对站点的具体位置,再设定好锚点,以免相对位置出现不合理的偏差。这个过程与第 4 步中绘制站点是同步进行的。

绘制到规划线路的时候会开始出现一些难题,例如两条线路在某个区间内可能出现斜边并线的情况。我比较强迫症,所以在草稿本上用三角函数求了一下另一条线需要平移的像素值,然后在 Sketch 里面直接用 X / Y 值去定位平移锚点。实际效果看上去还是比较好的。

4. 绘制站点

我这张图里站点的颜值比较普通,就是一个圆圈而已。但这一步有一个取巧的过程,为每一条线的站点以及换乘站点设定 Shared Style,如果你不这么批量管理相同的元素,那么你想换个样式的时候会改到吐血。

接下来的站名,也是用类似的方式,Sketch 提供了一个很好的 Symbols 功能,通过设定一个基准文字模块,接下来只需要复用并设定这个文字模块的文案即可。

设定好基准后,返回到主画布,创建 Symbols 的实例作为站名,并设定文案(在右侧 Inspector 工具栏中的 Override)和位置(有个统一的标准,看起来会比较美观)。

5. 绘制其他元素

先把铁路画进来,人家好歹也算是轨道交通。这个铁路的样式是这样处理的:先做一个实色描边的路径,复制一层,再虚线描边。

然后是轨道编号、车站和机场的图标等。

最后,再加上任何你认为应该加上的其他元素,标题、图例、地区名称、版权、水印等,就差不多完成了。

禅定时刻

2013 年的时候我用 Photoshop 画过一张长沙的轨道交通规划线路图,如下:

最开始是没有水印的,后来这张图被湖南卫视盗去了,于是就有了水印。


少数派 x 知乎 Live

作为长期推荐效率 App、分享效率技巧的少数派,我们联合知乎策划组织了一场围绕 「利用思维与工具,提高产品经理的核心竞争力」 的系列 Live 专题。

本文的作者太空小孩是一名任资深产品经理。曾与王兴一同见证美团的从无到有,与和菜头一起把饭否从冰封中解冻,也参与孵化或主导过 Whisper 以及美图旗下多款产品。本次 Live 太空小孩将指引并帮助介绍和总结这些小众神器。欲善其事,先利其器。产品经理们想必都私藏着几款得心应手的效率⼯具,但是在工具产品⽇新⽉异的今天,总有一些虽然小众,但酷炫有趣、出奇好用的神器或工作方式是值得发掘和尝试的。

此外我们还邀请到了「丁香园资深产品顾问」「百姓网产品经理」少楠、「番茄土豆」「小小票」创始人孙亮、和 SaaS 产品经理阡陌,来分享他们在产品工作中选用的工具和思维方法。

👉 可以通过「利用思维与工具,提高产品经理的核心竞争」购买整套 Live 专题,共 4 场,限时特价 59.9 元。