Mozilla 日前公布了 Firefox 的全新設(shè)計(jì)系統(tǒng)，內(nèi)部代號(hào)Project Nova。這是一個(gè)將隱私、安全與性能置于核心位置的瀏覽器重設(shè)計(jì)項(xiàng)目，目標(biāo)是為用戶建立一個(gè)更簡(jiǎn)潔、更溫暖、更快速、更可適應(yīng)的 Firefox。該設(shè)計(jì)系統(tǒng)將于今年晚些時(shí)候正式隨 Firefox 全面推出。

firefox_cover.png

Mozilla 將隱私視為 Firefox 區(qū)別于其他瀏覽器的根本差異點(diǎn)。Project Nova 將隱私功能從前臺(tái)的 "設(shè)置" 深處拉到更顯眼的位置：內(nèi)置免費(fèi) VPN、私密瀏覽模式以及增強(qiáng)型跟蹤保護(hù)（Enhanced Tracking Protection）都更容易被找到和配置。Mozilla 重新設(shè)計(jì)了設(shè)置面板，讓用戶對(duì)數(shù)據(jù)的控制選項(xiàng)更加易于理解和操作，包括一鍵關(guān)閉所有 AI 功能的開關(guān)、更清晰的語言表述，以及可調(diào)節(jié)的跟蹤保護(hù)級(jí)別 —— 用戶在保護(hù)強(qiáng)度與使用便利性之間的平衡有了更精細(xì)的控制粒度。

隱私與速度并不對(duì)立。Mozilla 指出，當(dāng) Firefox 阻止跟蹤器時(shí)，頁(yè)面加載反而更快。在過去一年中，F(xiàn)irefox 針對(duì)關(guān)鍵頁(yè)面內(nèi)容的加載時(shí)間提升了 9%。新版設(shè)計(jì)還將 Tab Groups、分屏視圖和垂直 Tab 等生產(chǎn)力功能放在更觸手可及的位置，而不會(huì)讓界面變得擁擠。同時(shí)，Compact 模式正式回歸 —— 這是用戶呼聲很高的特性，F(xiàn)irefox 聽從了社區(qū)的意見，將其重新帶回給需要更緊湊瀏覽器控件的用戶。

在視覺層面，Project Nova 追求 "當(dāng)代而不失個(gè)性、溫暖而不失精確、表現(xiàn)豐富而不喧賓奪主" 的平衡。Tab 造型更柔和，帶有微妙的漸變效果，讓當(dāng)前標(biāo)簽更具存在感，同時(shí)在瀏覽器邊框周圍創(chuàng)造出一種光線感。界面組件更加圓潤(rùn)一致，使得面板、菜單、設(shè)置與瀏覽器控件感覺像是同一系統(tǒng)的組成部分。圖標(biāo)的更新使其在明暗兩種主題下都更加干凈平衡，支持快速識(shí)別而不增加視覺噪音。間距經(jīng)過重新平衡，每個(gè)像素都被用在刀刃上。新配色方案的靈感來自火焰的感覺：活躍標(biāo)簽周圍的輝光、深邃的煙紫色以及更明亮的高光色，為界面增添了溫暖。

Firefox 的文案風(fēng)格也在進(jìn)化 —— 更加直接、更加人性化，間或帶有一些活潑或熾熱的色彩。Mozilla 強(qiáng)調(diào)，這些改變的目的始終是真實(shí)的 —— 因?yàn)檎鎸?shí)正是 Firefox 的差異化所在。設(shè)計(jì)系統(tǒng)的基礎(chǔ)是可復(fù)用 token、組件、模式和共享設(shè)計(jì)語言，這讓 Firefox 在未來更容易演進(jìn) —— 新功能的加入會(huì)是融入式的，而非硬拼接的。

桌面端是本次重設(shè)計(jì)最明顯的變化，但移動(dòng)端也同樣受益：統(tǒng)一的顏色、圖標(biāo)、文案和設(shè)計(jì)基礎(chǔ)讓 Firefox 在不同設(shè)備間的體驗(yàn)更加一致。

可訪問性是本次設(shè)計(jì)的重點(diǎn)考量之一。Firefox 關(guān)注對(duì)比度、可讀性、焦點(diǎn)狀態(tài)、鍵盤行為、目標(biāo)尺寸、系統(tǒng)設(shè)置、視覺舒適度，以及界面在不同主題和窗口下的表現(xiàn)。深色模式對(duì)于很多用戶而言不是偏好而是默認(rèn)環(huán)境 —— 對(duì)于減少眼睛疲勞和匹配整體系統(tǒng)設(shè)置都有重要意義。

Firefox 一直以來都以開源方式構(gòu)建，依賴全球貢獻(xiàn)者和支持者社區(qū)的力量。這個(gè)新設(shè)計(jì)系統(tǒng)仍在持續(xù)打磨中，Mozilla 呼吁用戶持續(xù)反饋使用感受。Mozilla 開放的反饋渠道（connect.mozilla.org）是其傾聽社區(qū)聲音、持續(xù)改進(jìn)產(chǎn)品的重要途徑。

• 參考來源：https://blog.mozilla.org/en/firefox/new-firefox-design/