首页/风格学院/Tube Map (Beck)

什么是 Tube Map (Beck)?

Tube Map (Beck) 设计风格示例

地铁图扔掉了真实地理,只留下一件事——怎么从这里换乘到那里——就这样发明了今天全世界地铁图仍在使用的视觉语言。

Tube Map (Beck) 速览

伦敦地铁图由制图员哈里·贝克绘制,1933年1月首次发布,严格来说根本不是地图。它是一张披着地图外衣的电路图:彩色线路只沿水平、垂直或45度角走,站点间距一律均等,与实际相隔多远毫无关系,换乘点只用简单的几何短杠和圆点标出。伦敦市中心实际上是一团挤得很密、步行几分钟就到下一站的站点,在图上被特意拉开以便阅读;而绵延数英里的外围郊区,反倒被压缩了进来。整张图没有一处忠于真实比例——而这正是它的全部用意。

这套系统把这种「不忠于地理」的诚实,和伦敦交通局既有的两件视觉资产配对在一起:一是爱德华·约翰斯顿1916年设计的无衬线字体,专为让人在移动中、隔着距离也能看清站牌而设计;二是「roundel」标志——一个红色实心圆环横穿一条写着站名的蓝色横杠——这个标志在贝克画图之前已经用了二十年,贝克的地图只是给了它一个新任务:标出换乘点。图、字体、标志三者合成一个封闭系统:里面没有一处是装饰性的,也没有一处是可有可无的,页面上每一笔都在回答乘客在赶路时最急切的那个问题——我该在哪下车,该在哪换乘。

尽管信息量极大,视觉效果却是平静的,而非拥挤的。浅淡偏冷的底色上,托着几种一眼就能分辨彼此的高饱和线路色。文字紧贴着它所标注的线路,始终保持水平,从不与底下的几何线条抢位置。这是有史以来影响力最大的信息设计作品之一,而它做到这一点的方式,恰恰是彻底拒绝把自己画成一张「伦敦的画像」。

Tube Map (Beck) 设计风格用在文章页上

Tube Map (Beck) 从何而来?

哈里·贝克不是制图师,也没受过正式的平面设计训练。他当时29岁,是伦敦地铁信号工程部门的一名制图员,日常工作是给整个网络的电气系统画接线图。1931年,他利用业余时间,画出了一份地铁官方地图的替代方案——当时的官方地图已经膨胀成一团纠结不清、却严格忠于地理的乱麻,线路从拥挤的市中心向四面八方放射出去,结果市中心几乎无法辨认,而地广人稀的外围郊区却占去了大片版面。

贝克的洞察是:一个正在换乘的乘客根本不关心指南针方向或站与站之间的真实距离,乘客关心的是顺序和连接关系。于是他用画电路图的方式重新画了整个网络:直线只走三种规定角度,站点间距均等,换乘点是唯一需要特别强调的要素。他把这个想法向雇主提交了两次才被采纳,据说伦敦地铁的宣传部门起初对这个设计相当谨慎,1933年先只印了一版小尺寸的口袋卡试水,而没有直接做成站台海报那样的大幅面。乘客们几乎立刻就接受了它,这版口袋卡在几周之内售罄,迫使地铁方迅速加印了更大批量。

这张图的成功,一半归功于贝克自己的想法,另一半则要归功于伦敦地铁当时已经具备的条件。在总经理弗兰克·皮克的主导下,这家机构从1910年代到1920年代,已经建立起当时任何公共交通运营商里最严谨的设计体系之一。皮克早在1916年就委托爱德华·约翰斯顿设计了一款专属字体,就是为了让地铁的所有标牌都能一眼被认出、隔着距离也能看清;他还把「roundel」标志确立为整个系统在车站、车厢和宣传物料上通用的统一标识。贝克的这张图,恰好嵌入了一套已经严谨、已经全系统统一的视觉识别之中——他不必从零发明「可读性」,只需要把示意图的逻辑套用到线路图本身上。

此后大约三十年间,贝克持续为伦敦地铁修订这张图,随着新线路开通不断调整,而他这套方法也逐渐在伦敦之外被广泛认可。从巴黎、纽约到东京、悉尼,世界各地的交通运营机构纷纷采用了直接仿照他1933年方案的示意化、以连接关系为先的地图,以至于「示意化地铁图」如今已经成为地铁系统理应长成的默认样子,而不再被视为某一位设计师的特定发明。伦敦交通局此后持续维护并微调这套视觉系统,但它的结构性逻辑——直线、均匀间距、连接优先于地理——始终未变,仍是贝克最初那套电路板式思维的延续。

Tube Map (Beck) 的视觉特征是什么?

色彩

每条线路都被指定一种高饱和、彼此清楚区分的色相——一种强烈的红、一种深邃的蓝、一种明亮的黄、一种冷调的绿,如此类推——而这个颜色在这条线路的每一版地图上都被一致且专属地使用。这里的色彩不是装饰性的选择,而是一套编码系统:它让乘客的目光能在密密麻麻交叉的线路中,不必读任何一个字就能追踪单独一条路线。底色始终保持浅淡而中性,偏冷而非偏暖,这样线路的颜色才能以最强的力度显现出来,不与页面本身争夺注意力。

线路几何

每条路线只用三种角度绘制:水平、垂直和45度。没有曲线,没有徒手的弯折,也没有为了贴合一条河流或一条道路而做的有机蜿蜒。一条在现实中平缓穿过城市的线路,在图上被重新画成几段以干净角度相接的直线段。正是这条约束,赋予了整套系统那种电路板般的气质——它看起来是被工程设计出来的,而不是被勘测描摹出来的。

均匀间距而非真实比例

站点沿线路以规律间距排列,不管它们之间的真实距离是多少。市中心两个相隔几百米的站点,和外围郊区两个相隔数英里的站点,在图上可能占据视觉上相近的一段空间。正是这种刻意的扭曲,才让拥挤的市中心区域变得可读——把它拉开,每个站点才有空间容纳自己的标签——同时不动声色地把绵延的外围郊区压缩进一个可控的画幅里。

换乘标记

普通站点用一个小巧、不起眼的短杠标出;乘客可以换乘的站点则用一个明显更大的圆点或相连的环形标记出来,视觉上打断线路本身。这套层级是严格且一致的——眼睛被训练成优先扫视那些更大的标记,因为那才是需要做决定的地方,而普通站点则退回到线路的背景节奏之中。

字体排印

站名使用一款专为标牌可读性而设计的无衬线字体,而非为长篇阅读设计的字体——干净、几何化,没有书法式的花饰。标签紧贴着自己的站点标记,即便下方的线路是斜着走的,也尽量保持水平朝向,这样眼睛读站名时就不必歪头。没有任何斜体或装饰性变体;数百个站名在字形上的高度一致,本身就是这套系统那种平静感的一部分。

版面与留白

即便在换乘最密集的区域,整体版面也倾向于在各线路之间保留充裕的呼吸空间。没有什么是靠挤压来省地方的;相反,整张图会被重新调整——角度重排,间距重新协商——直到它能舒服地容纳下所有信息。这种为了留白的干净而甘愿扭曲底层真实的意愿,正是区分「真正的示意图」与「只是简化过的地图」最关键的习惯。

roundel 作为系统标志

红色圆环横穿一道蓝色横杠,充当了这套系统的签名——一个单一、可以无限重复使用的标志,让人一眼就能认出某个车站、某节车厢或某块官方标牌属于这个系统,完全不必依赖上面写的文字。它的几何造型朴素到近乎克制:一个环,一道杠,再无其他添加。正是这种朴素,才让它能从地图上一个微小的图标,一路放大到一整面车站立面,都不需要重新设计或重新诠释。

Tube Map (Beck) 设计风格用在仪表盘上

谁塑造了 Tube Map (Beck)?

Harry Beck

贝克的本行是工程制图员,而非设计师,他在1931年把电气电路图的视觉逻辑套用到了地铁网络上,画出了后来1933年发布的那张图。此后大约三十年间,随着网络不断扩张,他持续修订和扩展这张图,并在不时出现「要求画得更贴近真实地理」的压力下,始终捍卫其核心原则——连接关系优先于地理位置。他这种「圈外人」的背景,正是这段设计史的关键:恰恰是一个没有被制图学传统束缚的人,才能看清一张交通图根本不需要是一张地图。

Edward Johnston

约翰斯顿是一位书法家兼字体设计师,1916年受伦敦地铁委托,专为这家机构的标牌设计了一款字体。他设计的字形是为了在远距离、在行进之中也能看清——是为一个正快步穿过车站的人设计的,而不是为一个坐下来读一页文字的人——这让伦敦地铁在贝克的地图诞生之前十多年,就已经拥有了一以贯之的视觉声音。贝克的地图直接继承了这套现成的字体,这也是这张图读起来像一个连贯系统、而非一张孤立图形的原因之一。

Frank Pick

皮克在担任伦敦地铁总经理(后为首席执行官)期间,用整个1910到1920年代,建立起那个时代最严谨的企业设计体系之一:委托约翰斯顿设计字体、把roundel标准化,并在海报、标牌和车站建筑上坚持统一的质量把控。贝克1933年的这张图之所以能够成功,很大程度上是因为它落进了一个已经把设计理解为一套系统、而非一连串零散决定的机构之中——正是皮克打下的这套一致性基础,才让一名制图员的手稿最终变成了永久政策。

London Transport / Transport for London

这家机构(在二十世纪和二十一世纪历经不同名称)自贝克的原版之后,一直在维护、扩展并不时重新设计这张图——加入新线路、河流渡口和无障碍标记——同时保留了直线、均匀间距、强调换乘这套创始语法。它持续至今的管理,正是这张图读起来更像一件「机构级」产物、而非一份单纯历史文献的原因——它是一个至今仍由1933年定下的规则所支配的、活着的系统。

今天怎么用 Tube Map (Beck)?

地铁图对任何想把它应用到新场景的人而言,真正的启示在于:它的力量来自极端的取舍——预先决定哪些信息真正重要(顺序、连接关系),然后毫不留情地舍弃其余(真实距离、真实方向)——而应该被搬过去的,是这种取舍的纪律本身,而不是某一套具体的配色。

在演示文稿中,这种风格很适合需要传达「系统感」与「清晰感」而非「温度感」的封面页:标题可以置于浅淡冷色的底面上,配几条笔直的、有角度的强调线暗示路线正向标题汇聚,最多使用两三种高饱和强调色。内容页与数据页才是这套逻辑真正发挥威力的地方——一条流程、一张路线图,或一组依赖关系,都可以完全按贝克重画地铁图的方式重画:把每条连接线拉直成一小组固定角度,把各个步骤按均匀间距排列,不管它们在现实中相隔多少时间或多少工作量,只用一个更醒目的「换乘式」标记去强调真正的决策点或交接点。同时展示真实比例的冲动应当被克制住——这恰恰是原作当年要克服的那种本能。

对于网页界面,这种风格适合以「比较」与「路径」为核心、而非以内容体量取胜的仪表板和定价页面。一张定价表可以直接借用换乘的逻辑:把各档位当作一条线上的站点,把推荐的升级路径像标记换乘站那样标出来——比其余站点更大、更醒目。仪表板同样能受益于把「均匀间距」的纪律用在导航上:一组固定的目的地,以一致的间距、一致的字体排开,颜色被严格保留给状态或分类,而不是用于装饰。交互元素应当吸附到干净的角度和网格线上,而非自由悬浮的位置,呼应这套图对一切有机、手绘感的拒绝。

对于编辑与营销内容,这种风格给人的感觉是自信而具机构感,而非活泼,这尤其适合基础设施、交通、物流、公共事务以及各类系统性主题。一张「路线式」图形——一连串里程碑、一条客户旅程、一条供应链——可以直接借用「线路+换乘点」这套词汇,用一条彩色线上被命名的站点,指代各个阶段、各次活动或各款产品。营销页面也能受益于这种图在色彩使用上表现出的克制:选定一小组固定的高饱和色,给每种颜色分配一个固定含义,并且绝不在没有新含义可以支撑的情况下引入一种新颜色。

应用这种风格时最常见的错误,是把它仅仅理解为「浅色底面上的彩色直线」,却忽略了底下那条更难的纪律——原作里的每一处视觉扭曲都是为了可读性服务,而不是为了装饰。一张保留了明亮线条和几何短杠、却仍然执意保留真实比例、真实时间顺序或真实相对重要性的图,只留住了这身「戏服」,却丢掉了它的思想内核。这种风格只有在设计者愿意做贝克当年做的那件事时才真正成立:决定什么对读图的人才是真正重要的,然后毫无歉意地舍弃其余一切。

Tube Map (Beck) 设计风格用在幻灯片 · 封面上

Tube Map (Beck) · 常见问题

地铁图风格和泛泛的「扁平化设计」或「线条画」风格是一回事吗?

不是。「扁平化设计」主要是一种表面处理方式——没有渐变、没有投影、纯色填充。而地铁图风格是叠加在任何平面之上的一套特定结构纪律:路线被限制在一小组固定角度内,站点按均匀间距而非真实比例排列,普通站点与换乘站点之间有严格的两级层次。你完全可以做一个不含任何这类结构逻辑的扁平化设计,原则上也可以做一张表面质感比原作更丰富的地铁图式示意图。真正定义这种风格的,是角度约束和「地理让位于连接关系」这个取舍,而不是「没有渐变」这件事。

这种风格为何坚持只用三种线路角度,而不允许更平滑的曲线?

因为正是这条约束,产生了这种风格所依赖的那种电路板般的清晰感。弯曲的、自由形态的线条会引导眼睛把它当作某个地方的图像来读——隐含着一种这张图根本无意兑现的「地理准确性」承诺。把每条线都限制在水平、垂直或45度线段内,能立刻告诉读者眼前这是一张示意图,而不是一幅风景,让读者不必再试图把它和自己脑中那座真实城市的印象对齐。这条约束也是这张图能被持续修订、扩展几十年的原因——一套严格的角度体系,远比一组手工调校的曲线更容易被一致地修改。

扭曲真实距离和方向,算不算一种不诚实的设计?

这是一种刻意的扭曲,但不是欺骗性的,因为这张图从一开始就没有宣称自己在地理上是准确的——它整套视觉语法都在明白宣告「我是一张示意图」。这种扭曲服务的是读者真正的需求(我该怎么从A换乘到B),而不是在任何读者会依赖这张图的问题上误导他们。这和条形图习惯从零开始画、或者钟表把小时刻度均匀分布(尽管太阳在天空中移动的速度并不均匀)背后是同一种逻辑:只要简化是为了服务读者真正在问的那个问题,一种表达方式完全可以大幅简化现实,同时依然是彻底诚实的。

这种风格如何处理图像、图标或插画?

非常克制,而且只服务于这张图的功能。原版地铁图几乎不带任何插画性图像——它的词汇仅限于线条、短杠、圆点、roundel标志和排版化的文字标签。如今在地铁图衍生作品中出现的图标(比如现代交通图上的无障碍标志),遵循的是和其余一切相同的几何纪律:简单、扁平,用同一套克制的形状词汇构建,而且只出现在真正需要额外信息的位置。没有功能作用的装饰性插画在这种风格里没有位置;任何被添加进来的东西,都应当回答读者一个真实的问题——这也是这张图对每一条线、每一个标签所使用的同一条检验标准。

这种风格不太适合哪些类型的产品或内容?

在那些「事物之间真实的关系——真实比例、真实时间、真实量级——恰恰是受众需要准确理解的东西」的场景里,这种风格会力不从心。比如一张需要让投资者判断真实规模的财务图表、一张空间关系本身就承载意义的科学图示,或者一张游客真的需要靠它判断步行距离的地图——在这些场景里,这种风格的核心动作「舍弃比例、只留连接关系」恰恰会与内容本身的目的相抵触。在需要温度感或亲密感的场景里,比如个人叙事或生活方式类内容,它也容易显得冷淡而严肃——那种彻底不加装饰的做法,读起来可能是冷漠,而不是自信。

获取 Tube Map (Beck) 完整设计系统
© 2026 Curio Design