为未来设计Firefox

Lobsters Hottest 产品

摘要

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的下一步

Lobsters Hottest

Mozilla分享即将推出的Firefox功能,包括现代化设计、标签页管理、PDF工具、VPN、AI浏览选项以及改进的隐私保护。

在 Nightly 中尝试 Firefox 新设计

Lobsters Hottest

Firefox Nightly 现在包含一个新设计:更柔和的标签页、更温暖的色彩、更新的图标、紧凑模式以及新主题,供测试之用,计划在今年晚些时候更广泛发布。

Firefox Containers 预览

Hacker News Top

Mozilla 宣布将 Containers 原生集成到 Firefox 153 中,允许用户隔离工作、个人和购物等浏览上下文,无需依赖扩展。

Firefox 153.0 Beta

Hacker News Top

Firefox 153.0 Beta 带来了 Windows 上的 HDR 视频播放、PDF 合并与编辑、取色器快速操作、二维码分享,以及实验性的 JPEG XL 支持,同时还增强了隐私保护和可用性。