分类：科技 标签：Firefox、浏览器、开源项目、UI设计

浏览器作为我们每天朝夕相处的工具，其每一次界面改版都会牵动无数用户的心。近日，Mozilla 随着 Firefox 157 推出了代号为「Nova」的全新设计，这也是继 2021 年 Proton 改版以来，Firefox 最大的一次视觉更新。

然而，这场看似常规的现代化改造，在开发过程中却经历了一波三折的路线摇摆。

从悬浮窗到药丸标签：Nova 的设计演进

按照 Mozilla 的官方说法，Nova 的初衷是为了让 Firefox 显得更加现代，并更好地容纳垂直标签页、标签页分组、分屏浏览等现代浏览器标配功能。

在最终发布的 Nova 中，图标经过了重新绘制，地址栏和工具栏控件变得更加圆润，标签页也彻底变成了「药丸」形状，默认主题则采用了烟紫色和暖色调渐变。

但在早期的开发阶段，Nova 其实激进得多：

  • 整个浏览器曾被分割成多个悬浮的圆角区域；
  • 工具栏、侧边栏和网页内容相互分离，中间留有明显的空隙；
  • 网页本身甚至被放进了一个四周留白的圆角容器中，带有强烈的 Arc 浏览器风格。

不过，在收到大量负面反馈后，Mozilla 最终选择「及时收手」，放弃了装饰性的悬浮边框。在以内容为中心的浏览器工具中，这种设计虽然能带来时髦的截图，却会牺牲操作效率和有效显示空间。这一妥协，也体现了开源社区听取用户反馈的价值。

历史的轮回：Firefox 界面设计的摇摆史

回顾 Firefox 的发展历程，其设计一直在「追赶潮流」和「简洁高效」之间不断摇摆：

  • 2002 年 Phoenix：沿用传统桌面浏览器设计，有多层工具栏和拟物化图标。
  • 2011 年 Firefox 4 (Strata)：大幅简化界面，标签页移至导航栏上方，是最「长寿」的一代经典主题。
  • 2014 年 Firefox 29 (Australis)：引入曲线形标签与网格布局应用菜单。
  • 2017 年 Firefox 57 (Photon)：回归直角标签页，强调信息密度与响应性能。
  • 2021 年 Firefox 89 (Proton)：改用细线条图标、柔和配色与胶囊按钮，但也因增加大量留白、弃用紧凑布局而长期受到极客用户的抱怨。

值得庆幸的是，在最新的 Nova 中，Mozilla 重新带回了在 Proton 中被弃用的「紧凑」界面布局。用户可以在 Settings -> Appearance -> Window density 下将其启用。

底层重构与后续应对

除了视觉上的微调，Nova 还引入了 Mozilla 全新的设计系统 Acorn。

在 Acorn 体系下，间距、色彩、字号和圆角半径等参数全部被抽象为了标准化的 JSON 格式「设计 tokens」。这意味着开发团队无需再维护繁杂且硬编码的 CSS，只需调整底层参数，就能在桌面端与移动端同步更新界面，深色模式的支持也变得更加完善。

对于暂时无法接受新风格的用户，Firefox 也留下了「退路」：

  1. 在 about:config 中将 browser.nova.enabled 设为 false，即可回退至 Proton 界面。
  2. 安装官方发布的 Firefox Proton 主题，可以找回旧版的简洁配色。

总结

总体而言，Nova 既没有批评者口中那么糟糕，也没有宣传中那么颠覆。它折射出当下 Firefox 面临的独特难题：它既渴望向主流大众的「现代」设计靠拢，又无法忽视极客社区这一核心基本盘。这种微妙的平衡，或许仍将在未来的版本中继续延续下去。