首页/风格学院/BBC 航运预报

BBC 航运预报是什么风格?

BBC 航运预报示例

《航运预报》把天气变成了一场仪式:三十一个有名字的海区,四个固定的部分,以及一张只在出事时才出现颜色的海图。

BBC 航运预报速览

航运预报(Shipping Forecast)这套设计风格取材于两件相连的东西:一是英国广播公司近一个世纪以来一直在播的海区天气公报;二是公报背后那张海道测量局式的海图。公报给每个海区报四项内容,次序固定——风、海况、天气、能见度;海图则给每个海区一个名字、一圈边界和一组水深。由此得到的视觉语言是:海军蓝墨、海图白,以及唯一一块烈风红的海区,配以发丝般的细线、全大写的字母和等宽数字。

它的核心想法是:安全必须说得清楚。航运预报里没有一句话是为了好听;每一个字都是为了让在恶劣海况里的船上的人能据此行动。这套风格把这种态度翻译成版面。信息按可预期的顺序到来,标签简短,数字的排法便于一眼比较,装饰则干脆不存在。没有圆角,也没有投影,因为海图不需要它们,水手也负担不起它们。

颜色是这套风格最特别的规矩。它是事件,不是装饰。页面的绝大部分是纸上的墨。只有当大风警报生效时,那片海区才被涂成红色;洋红则属于灯和灯标。由于颜色如此稀少,凡是出现的颜色都有意义。这使它成为一种格外诚实的界面设计方式,特别适合状态、监控、告警和公共信息。

BBC 航运预报用在文章页上

BBC 航运预报从何而来?

《航运预报》是一份面向不列颠群岛周边与东北大西洋水域的海上天气公报。它按固定次序报出三十一个海区,从维京海域(Viking)起,顺时针绕行海岸;对每个海区,依次报风向与蒲福风级、海况、天气和能见度——顺序从不变,字数尽可能少。英国广播公司播放它已近一个世纪,至今每天仍在播出。资料把这种带命名海区、按顺时针次序报出的公报,定位在二十世纪上半叶,也就是气象局海上预报逐步发展的时期。

它的根源还要往前追溯,到罗伯特·菲茨罗伊(Robert FitzRoy)的工作。他是一位海军军官,参与创建了英国的国家天气预报,并且明白:向航海者预警风暴关乎生死。“气象机构应当以人家用得上的方式,告诉海上的人他们需要知道的东西”,这条原则正是广播公报赖以立足的地基。今天的海区之中,有一个就以他的名字命名。资料还把气象局的海上预报台——提供内容的那批预报员——以及英国广播公司第四广播电台的值班播音员列为关键人物,是他们沉稳的播报给公报带来了无可替代的节奏。

它的视觉来源不是天气 App,而是海图——由英国海道测量机构发行的那种海道测量图。在这样的图上,白色表示可通航的深水,土黄色标陆地,浅蓝只留给安全等深线以内的浅滩。边界是发丝般的细线,常常是虚线;名称用大写字母;水深数字以小号数字标出;洋红色则标示灯和灯标。海图是一份工作文件,上面的每一条惯例都是为了让领航员能够快速、毫不含糊地读懂。

资料列出的三条脉络是:英国海道测量图绘制、英国公共广播的排印风格,以及海上安全信号。三者合起来解释了这套设计。从海图来的,是平整、有规则线、没有装饰的表面;从广播排印来的,是平实的、机构化的声音,没有花腔的余地;从海上安全信号来的,是“颜色就是信息”这一想法——一面警告旗、一个风暴信号锥、一盏亮着的灯标,各自只表示一件事,别的东西不许占用那种颜色。这套系统把三者同时保留下来,所以它看上去平静、正式,又带一点克制的严峻。

BBC 航运预报的视觉特征是什么?

海图白与海军蓝墨

底色是海道测量图那种白,文字和线条则是深沉的海军蓝墨——偏深海军蓝,而不是纯黑。这组搭配读起来像纸和印刷,而不是屏幕和发光。白色承载“深水、开阔、可通航”的含义,因此页面上的留白像是可以放心通过的水面。墨色让文字和线条的权威感比黑色略柔和,同时依然完全清晰。

颜色即事件

红色只用作烈风海区:大风警报生效时,那片海区才被涂红。洋红留给灯和灯标。浅蓝只标示安全等深线以内的浅滩,土黄标示陆地。没有任何颜色是为了装饰而用,每一种颜色只承担一个含义。给设计师的实用规矩是:事先决定每种色相代表什么,并拒绝把它用在别的地方;这样页面不需要图例也能传达状态。

发丝虚线边界

区域之间用极细的线分隔,常常是虚线,而不是方框、色块或卡片。这样结构清晰可见,却不增加分量,让页面有一种绘制好的海图的样子。分隔线、表格线和面板边缘都遵循同一套发丝逻辑。由于线条这么细,间距与对齐必须精确——没有任何厚重的东西能遮住一个不齐的网格。

大写字母与等宽数字

海区名称像海图上那样全部大写;水深、气压和其他测量值用等宽字体排印,让数字上下对齐、便于逐列比较。这两条惯例建立起一种一目了然的双层排印:名称是标签,数字是数据。正文保持平实中性。效果是机构化的,却不冰冷,因为它所源自的公报,是用平静的、有人味的声音念出来的。

固定的四段式

每个海区都按同一顺序报:风、海况、天气、能见度。这套风格把它变成模板。卡片、表格行和列表条目都遵循固定的字段顺序,读者只需学一次就能毫不费力地扫读。内容可以变,顺序绝不变。这种可预期性本身就是一种安全特性:在条件恶劣的时候,谁也不该为找到自己需要的字段而费神。

顺时针的阅读顺序

公报从维京海域开始,沿海岸顺时针绕行。这套风格把它借来当作版面原则:序列有明确的起点和一致的方向,视线被带着绕过一组条目,而不是被扔进去。若使用地图或示意图,编号和走向也遵循同一方向。这是一条很小的规矩,却能让页面像一条路线,而不是一堆东西。

平面、方正、无投影

没有圆角,也没有投影。转角是方的,表面是平的,深度只通过海图自己的惯例来表达:浅水的浅蓝对着深水的白。面板不漂浮,按钮不发光。这种对特效的拒绝不是为极简而极简;它的理由与航海图上不放任何可能被误认为险情的东西,是同一个道理。

BBC 航运预报用在仪表盘上

谁塑造了 BBC 航运预报?

Robert FitzRoy

十九世纪帮助创建英国国家天气预报的海军军官,大力倡导为海上的人发布风暴警报。他坚持把气象信息转成人们能据以行动的朴素警告,这一点正是公报与这套设计风格的创始精神。如今海区名单上有一个以他命名,这让他成了唯一“真的出现在海图上”的人。

Met Office marine forecast desk

撰写公报内容的预报团队,他们把海量的大气与海洋数据压缩成每个海区的四个短小部分。简短、固定词汇、恒定顺序,这种纪律是设计系统在编辑层面的对应物。当这个风格的版面看上去密集却读来毫不费力时,那是因为它在模仿这个预报台的编辑方式。

BBC Radio 4 continuity announcers

把公报念出来的那批声音,以均匀、沉稳的节奏,念成了一种全国性的仪式。这样的播报赋予文本以礼拜式的质地:同样的名字、同样的顺序、同样的语气。在排印上,它是这套风格平静、不加重语气的层级的原型:什么都不高声喊,由内容自己完成工作。

今天怎么用 BBC 航运预报?

当内容涉及状态、条件或公共信息,而读者需要信任它时,航运预报是合适的选择。它适合一切可以表述为“一组有名字的对象、按固定顺序报告”的内容,这个范围比天气要宽得多。

做演示文稿时,封面可以用干净的海图白底、一条发丝边界、大写字母的标题,以及一小块红色海区作为唯一的颜色。内容页做成结构化的报告:大写的名称,下面是四个固定字段,数字用等宽字体。数据页适合表格以及用发丝坐标轴、虚线网格画成的点图或折线图,红色只留给越过阈值的那一个数值。一组幻灯片还可以遵循顺时针的逻辑,每一页都标出自己在这一轮中的位置。

在网页界面里,这套风格适合监控看板、状态页、物流与运维工具、公共数据门户和文档。一张服务清单,若列有状态、负载、区域和延迟几栏,可以直接套用四段式的顺序;红色只在告警生效时才填满一行,其余部分是纸上的墨。定价页能从固定顺序的纪律里受益,因为每个方案都把相同的字段放在相同的位置,读者无需四处寻找就能比较。导航保持朴素,用大写字母排印,除简单标记外不放图标。

在编辑与营销内容里,这套风格适合报告、年度回顾、公共信息,以及任何想让自己听起来可靠的品牌。长文可以用固定顺序的四行摘要开头,各章节则用大写字母标签引入。摄影很少用,并让位于图表和地图;若要使用,应当克制,不加滤镜,也不套厚重的相框。

最常见的错误是把航海题材照字面做:加上锚、绳索、波浪或蓝色渐变。这套风格讲的是海图与公报,而不是海边装饰。另一个错误是挥霍颜色:如果红色同时出现在不止一处,或者出于警报以外的任何原因,整套语言就崩了。让转角保持方正,不要投影,让颜色只表示一件事。

BBC 航运预报用在幻灯片 · 封面上

BBC 航运预报 · 常见问题

用这套风格必须配航海主题吗?

不必。这套风格借用的是航运预报及其背后海图的纪律,而不是题材。凡是受益于固定顺序、发丝结构以及稀少而有含义的颜色的内容,都可以用,比如看板、报告、名录和状态页。给它加锚或浪花,反而会削弱它,把一套系统变成一件戏服。

为什么红色只用于大风警报?

因为在这套系统里,颜色是一条信息。在原型海图上,只有大风警报生效时,那片海区才被涂红,所以看到红色就意味着一件具体的事。如果红色还用于品牌、按钮或装饰,它就丢掉了这层含义。放到界面里,就是把红色留给唯一需要引起注意的情形,比如正在生效的告警或超限。

怎样把四段式用到与天气无关的内容上?

选出集合里每个条目都能回答的四个字段,固定它们的顺序,并且永不更改。一项服务可以报状态、负载、区域和延迟;一件商品可以报版型、材质、价格和库存。要点在于:读者只需学一次顺序,之后就能顺着列表扫读而不用到处找。字段标签要简短,测量值用等宽字体排印。

为什么没有圆角和投影?

因为它的原型是一张航海图和一份安全公报。圆角和柔和投影会增加毫无含义的视觉信息,而在海图上,任何无意义的东西都可能被误认为有意义。这套风格让表面保持平整、转角保持方正,使页面上的每一笔都有它的用处。这也让它在印刷与屏幕之间都显得清醒而一致。

这套风格能用深色背景吗?

它的原型是纸质海图,所以构想为浅色风格,而“白色即开阔深水”的含义对它至关重要。夜间使用时可以做深色变体,就像海图和仪表都有夜间模式,但系统必须守住自己的规矩:细线、稀少的颜色、红色只留给警报。如果做反色,要注意浅滩和陆地的色调仍然要与底色区分开。

获取 BBC 航运预报完整设计系统
© 2026 Curio