为未来设计Firefox
摘要
Mozilla宣布Project Nova,这是Firefox的重新设计,专注于隐私、速度以及更简洁、更温暖的设计,并对标签、设置和紧凑模式进行了更新。
<p><a href="https://lobste.rs/s/flehm8/designing_firefox_for_future">评论</a></p>
查看缓存全文
缓存时间: 2026/05/22 10:32
# 为未来设计 Firefox | Mozilla 博客
来源:https://blog.mozilla.org/en/firefox/new-firefox-design/
Firefox 浏览器窗口显示希腊旅行标签和酒店预订页面(https://blog.mozilla.org/wp-content/blogs.dir/278/files/2026/05/distilled_nova_header_generic.png)*精心打磨。为速度而生。为未来准备就绪。*
一款优秀的浏览器应当足够直观,让你常常忘记正在使用它。然而如今的互联网变化比以往任何时候都快,你的浏览器需要跟上步伐。Firefox 仍然是唯一一款为人而非平台打造的浏览器:独立、可定制、注重隐私,并且完全由用户掌控。
让 Firefox 成为当下最佳的上网浏览器,这正是我们近期更新 Firefox 设计和设计系统的动力。我们的目标是提供一个更统一的 Firefox 基础:让浏览器感觉更简洁、更温暖、更快速、更适应。
在内部,我们一直将这个项目称为 Project Nova。这个名字很贴切:新星看起来像一颗新恒星,但它来自已有的物质——这是一种更新,而非替代。当它今年晚些时候推出时,你只需称它为 Firefox。以下是它的全部内容:
## **隐私为核心**
一个好的默认设置至关重要。当你选择 Firefox 时,从一开始就享有隐私和清晰的数据处理方式。我们的新设计将隐私功能前置,让你更容易找到和使用诸如我们免费的、内置 VPN(https://blog.mozilla.org/firefox/built-in-vpn/)和隐私浏览等工具。
Firefox 隐私和安全设置显示增强跟踪保护和 VPN 选项(https://blog.mozilla.org/wp-content/blogs.dir/278/files/2026/05/[email protected])
我们还在重新设计设置界面,使关于数据的选择更易于理解和执行。这包括完全关闭 AI 功能的控制选项,全篇使用更直白的语言,以及调整增强跟踪保护(https://www.firefox.com/user-privacy/#tracking-protection)以匹配你偏好的保护与可用性平衡。
## **可感知的速度**
隐私和速度并非取舍关系。当 Firefox 拦截跟踪器时,页面加载也会更快。我们还优先处理页面的最重要部分,然后是边缘的可选内容。在过去一年里,我们将关键页面内容的加载时间提高了 9%。
新设计也能加速你的工作流程。访问标签页组(https://blog.mozilla.org/firefox/firefox-tab-groups/)、分屏视图(http://blog.mozilla.org/firefox/split-view/)和垂直标签页(https://blog.mozilla.org/firefox/vertical-tabs-and-the-firefox-community/)变得更加容易——将这些生产力功能置于指尖,而非摆在眼前。
我们还带回了**紧凑模式**。人们告诉我们他们怀念这个模式,我们听取了意见。如果你希望浏览器控件尽可能紧凑,这个模式就是为你准备的。
Firefox 浏览器新标签页,紫色星空主题,VPN 已启用(https://blog.mozilla.org/wp-content/blogs.dir/278/files/2026/05/[email protected])
## **平衡新意与熟悉感**
在设计方面,我们希望 Firefox 感觉现代但不千篇一律。温暖,但仍然精确。更具表现力,但绝不喧宾夺主。你将首先在基础元素上看到变化:
- 标签页采用更柔和的形状,带有微妙的渐变,使活动标签页更突出,并在浏览器 chrome 周围营造一种光线感。
- 组件更加圆润和统一,使面板、菜单、设置和浏览器控件感觉像是同一系统的一部分。
- 图标已更新,在浅色和深色主题下都更清晰、更平衡,支持快速识别而不增加视觉杂乱。
- 重新调整了整个界面的间距,因为当浏览器是你每天使用的地方时,每个像素都很重要。
- 刷新后的色彩灵感来源于火光:活动标签页周围的光晕,深沉的烟紫色和增加温暖感的浅色调。
文字语气也在升温。Firefox 的文案变得更加直接、更有人情味,有时也更有趣或更有激情。始终真诚……这正是 Firefox 的与众不同之处。
Firefox 设计系统显示浏览器标签样式、图标和紫色调色板(https://blog.mozilla.org/wp-content/blogs.dir/278/files/2026/05/distilled_nova_tabs_icons.png)
效果鲜明地体现出 Firefox 风格:平易近人且充满活力,同时仍然易于浏览。在底层,可重用的标记、组件、模式和共享的设计语言使 Firefox 能够更容易地随时间演进,让新功能感觉像是集成进来,而不是生硬地附加。
重新设计在桌面上最为明显,但这项工作也延伸到了移动端。共享的颜色、图标、文案和设计基础,帮助 Firefox 在不同设备上感觉更一致。
两部手机上显示 Firefox 移动版标签概览,浅色和深色模式,包含旅行和 Mozilla 标签(https://blog.mozilla.org/wp-content/blogs.dir/278/files/2026/05/[email protected])
## **任你塑造**
Firefox 长期以来一直是可定制性最强的浏览器。这深植于我们开源的 DNA 中。现在我们增添了更多方式让你感觉 Firefox 属于你,包括新的主题和壁纸。我们也在探索随着时间的推移提供更多自定义选项,比如界面形状的控制——标签页、组件以及相关的视觉处理方式。
无障碍(https://blog.mozilla.org/firefox/accessibility-extensions/)是自定义的关键部分。Firefox 的设计注重对比度、可读性、焦点状态、键盘行为、目标大小、系统设置、视觉舒适度,以及界面如何在不同主题和窗口下工作。
例如,深色模式对许多人来说不仅仅是一种偏好。它是他们的默认环境。对有些人来说,它有助于减轻眼睛疲劳。对另一些人来说,它是更广泛系统设置的一部分。
## **公开构建**
Firefox 一直是公开构建的,并且得益于全球贡献者和支持者社区的帮助。你帮助我们构建浏览器、测试、扩展和改进它。你告诉我们什么时候感觉不对劲。这种关系是 Firefox 与众不同的部分原因。
虽然 Firefox 的新设计系统仍在塑造中,请继续告诉我们什么感觉是对的,以及什么妨碍了你。我们在倾听(https://connect.mozilla.org/t5/discussions/sharing-more-about-project-nova/td-p/125996)。
Firefox 标志 ### 掌控你的互联网 下载 Firefox(https://www.mozilla.org/firefox/new/?utm_source=blog.mozilla.org&utm_medium=referral&utm_campaign=blog-nav)
相似文章
Firefox 正在推进圆角化重新设计,隐私和 AI 控制更易找到
Mozilla 宣布 Project Nova,对 Firefox 进行重大视觉革新,采用圆角 UI,改进隐私控制(包括一键关闭所有 AI 功能的开关),以及新增自定义选项。该重新设计将于今年晚些时候推出。
看看Firefox的下一步
Mozilla分享即将推出的Firefox功能,包括现代化设计、标签页管理、PDF工具、VPN、AI浏览选项以及改进的隐私保护。
在 Nightly 中尝试 Firefox 新设计
Firefox Nightly 现在包含一个新设计:更柔和的标签页、更温暖的色彩、更新的图标、紧凑模式以及新主题,供测试之用,计划在今年晚些时候更广泛发布。
Firefox Containers 预览
Mozilla 宣布将 Containers 原生集成到 Firefox 153 中,允许用户隔离工作、个人和购物等浏览上下文,无需依赖扩展。
Firefox 153.0 Beta
Firefox 153.0 Beta 带来了 Windows 上的 HDR 视频播放、PDF 合并与编辑、取色器快速操作、二维码分享,以及实验性的 JPEG XL 支持,同时还增强了隐私保护和可用性。