Windows 11全新設(shè)計語言如何引領(lǐng)設(shè)計新趨勢 ？（附源文件下載）

Hi，我是彩云。雖然我平時除了用 OC 渲染模型的時候用以外，幾乎很少用 windows 系統(tǒng)，但 windows 11 這次的更新還是讓人感到驚艷的，近幾年的毛玻璃風格趨勢重新回歸就來源于微軟的這套新設(shè)計語言 Fluent。為了探究這次升級背后的思考和理念，我從微軟官方找到了這篇文章，感受到了國際頂級設(shè)計團隊對設(shè)計和用戶的用心。所以，我把這篇文章翻譯成了中文，和大家一起分享學習。

注：彩云為大家整理了 Windows 11 Fluent 設(shè)計語言設(shè)計的界面源文件，供大家參考學習，獲取方式見文末。

印象中，Windows 就一直伴隨著我們的成長，它有著 35 年的豐富歷史并不斷帶給我們新的體驗，它的存在充分展現(xiàn)了計算機如何豐富我們的生活習慣：用 Word 寫下第一篇文章，用 Paint 畫出第一幅畫，或者用電腦寫出第一行代碼。

設(shè)計下一代 Windows 需要我們理解過去，但更重要的是對當前和新興人類需求的深切共情，以及對技術(shù)如何更好落地的理解。當我們開始 Windows 11 的設(shè)計之旅時，我們研究了過去 18 個月世界是如何變化的，包括疫情大流行暴露出未被滿足的需求和新的行為方式。更重要的是，我們與人們談?wù)撍麄兊膲粝牒捅ж摚@樣我們就可以了解什么驅(qū)動著他們，以及他們需要從他們的技術(shù)中獲得什么來實現(xiàn)他們的目標。Windows 11 的設(shè)計專注于對人的關(guān)注，計算機如何賦予他們力量，以及用戶到底喜歡什么。

創(chuàng)造大量的愛需要大量與人的溝通，我們喜歡這種溝通，因為以人為本是我們設(shè)計理念的核心。在 85 個以上的專題研究和數(shù)萬輪測試中，我們與所有人進行了交談，從喜歡我們產(chǎn)品的忠實粉絲，到希望 Windows 更容易和更平易近人的新用戶。

Windows 10 之前使用 Metro 設(shè)計語言，Windows 11 使用 Fluent 設(shè)計語言

（彩云注，可能有的朋友分不清這 2 個設(shè)計語言，彩云專門研究了一些資料，也跟大家一起分享下：

Metro UI 是一種界面展示技術(shù)，和蘋果的 iOS、谷歌的 Android 界面語言最大的區(qū)別在于：后兩種都是以應(yīng)用為主要呈現(xiàn)對象，而 Metro 界面強調(diào)的是信息本身，而不是冗余的界面元素。顯示下一個界面的部分元素在功能上的作用主要是提示用戶信息的存在。同時在視覺效果方面，這有助于形成沉浸感。

Fluent Design System（以下簡稱 FDS）主要包括五大核心元素：Light（光感）、Depth（深度）、Motion（動畫）、Material（材質(zhì)）和 Scale（縮放）。

Fluent UI 設(shè)計語言的核心就是在美觀的前提下，應(yīng)用的使用更加自然和流暢。在體驗上用戶會獲得全新的過渡動畫、視覺效果、半透明和模糊等等。毛玻璃效果重新成為趨勢就是微軟通過這套設(shè)計全新語言一手帶起來。

這是 Windows 有史以來最受人期待的發(fā)布之一，這得益于基于研究過程中得出的一個關(guān)鍵設(shè)計指導(dǎo)原則：平靜的技術(shù)讓我們的生活真正變得更好。在今天的世界中，平靜是非常需要的，它往往取決于我們掌控、放松和信任的能力。Windows 11 通過讓人感受到熟悉的基本體驗，軟化了以前冰冷的 UI，并增加了情感聯(lián)系，最終促進了這一點。這些改進讓你更接近你最愛的東西:家庭、朋友、激情、娛樂和創(chuàng)作。Windows 11 是將所有東西結(jié)合在一起的地方，對它的需求從未像現(xiàn)在這樣強烈。

就像它對所有東西造成的影響一樣，疫情也影響了 Windows 11。雖然移動設(shè)備的崛起讓 PC 從聚光燈下淡出，但去年它又重新回到了舞臺中心。在個人與專業(yè)相結(jié)合的新型虛擬模式中，PC 的強大功能和靈活性使我們能夠在家中的各個角落工作。它始終是一個值得信賴的工具和伙伴，跨越工作、家庭和學校，靜靜地等待我們的輝煌時刻。

過去的一年充分展示了人類的智慧。在一片混亂中，我們看到人們實時學習如何在混合環(huán)境中工作，幫助孩子學習，并找到新的連接和娛樂方式。我們在 Windows 11 的設(shè)計上不斷迭代，努力創(chuàng)造一種深受大家喜愛的體驗，讓我們更容易專注于對我們每個人來說最重要的東西。

情緒板捕捉各種新的圖標、主題、UI 和插圖。

以用戶為中心

微軟的 Windows 設(shè)計團隊是由創(chuàng)造性的實用主義驅(qū)動的。為超過 10 億人設(shè)計需要同理心。它依賴于將人類的需求內(nèi)化，以建立一個包容所有人的解決方案，同時仍能傳遞獨立的個性。隨著 Windows 躍入下一個時代，它的演變故事再次被講述，通過以人為本的產(chǎn)品設(shè)計，以及打造最具包容性和個性化的操作系統(tǒng)的承諾愈加堅定。

以“開始”菜單為例：Windows 體驗的基礎(chǔ)被移到了核心位置。在聽到人們在使用“開始”時希望提高效率、減少噪音后，我們設(shè)計了一種更干凈、更簡單的體驗，通過優(yōu)先排序人們喜歡的應(yīng)用和他們需要的文件，將用戶置于中心位置。它還適配現(xiàn)代設(shè)備的尺寸因素，使所有屏幕尺寸的訪問更容易，從 Surface Go 到超寬顯示器都能獲得一致的體驗。

在微軟，這些設(shè)計決策不是輕易做出的。團隊癡迷于每個像素，我們更新了“開始”Logo，以配合我們新的視覺語言和動畫，為互動增加樂趣和信心。我們也有意地選擇了壁紙，開機畫面，并調(diào)整了新的中心對齊，使用戶的體驗更加平衡和集中。我們希望你進入 Windows 11 的旅程從一開始就真正處于中心。（彩云注：大廠的設(shè)計團隊做項目更看重整體品牌感知，各個元素間都要能形成一致的設(shè)計語言。這里連居中對齊都可以跟設(shè)計理念聯(lián)系上，值得學習的思路。）

我們對讓技術(shù)更人性化的關(guān)注也反映在“開箱即用”體驗上，這個體驗曾經(jīng)的歡迎詞是你“進來”，但現(xiàn)在是歡迎你“回來”。我們知道不是每個人都是新用戶，我們渴望通過我們的設(shè)計來尊重我們與長期忠實客戶的關(guān)系。你也可以在安裝過程中給你的電腦起一個名字，這樣 Windows 就會給你一種獨特的感覺，比系統(tǒng)設(shè)置中使用的隨機名字更人性化。Windows 是你們的，我們設(shè)計它是為了慶祝你們的生活和工作方式。（彩云注：在文案上也是精雕細琢，也是為了緊貼他們的設(shè)計理念）

新的 Windows 11 主題提供了個性化和自我表達的不同主題選擇

一旦你開始正常使用，Windows 11 就會記住你是誰，以及你在日常生活中需要什么。一鍵交互將帶你從一個任務(wù)到另一個任務(wù)，而不會中斷你的工作流程。在過去的一年里，工作和生活的界限被重新定義了。在新版本的 Windows 中，組織活動的能力是我們密切關(guān)注的東西，確保無論環(huán)境如何變化，你都能保持專注和心流狀態(tài)。窗口和截圖功能已經(jīng)被重新設(shè)計，以記住你的喜好，所以當你離開工作流去查看新聞的時候（新的窗口部件故意設(shè)計來尊重你的工作流程），系統(tǒng)會記住你是如何組織你的空間的。我們創(chuàng)造了一個數(shù)字版的辦公桌，它就像依偎在你家里的辦公桌，讓你能夠?qū)崿F(xiàn)一些偉大的事情，同時又能感受到與生活的緊密相連。

這些變化通過一種優(yōu)美的新設(shè)計語言來實現(xiàn)，使 Windows 在體驗上比以往任何時候都更加連貫。聽到人們對更加柔和、友好和優(yōu)美 UI 的渴望，我們進化了視覺和聽覺表達。我們圓滑了尖銳的棱角，并創(chuàng)建了一個溫暖的調(diào)色板，以構(gòu)建一個更人性化、更平易近人的語言，同時不會妨礙你的工作效率。

一些新的 Fluent 圖標，UI 和插圖內(nèi)容的選擇，以及我們的 Segoe UI 變量字體的示意

不僅僅是一個操作系統(tǒng)

如何為超過 10 億有著不同和獨特需求的人開發(fā)產(chǎn)品？傾聽、迭代、適配。通過用戶的洞察，我們通過軟化邊緣、減少雜亂和一致性設(shè)計，使 Windows 11 更加人性化和受歡迎。這些變化還通過新材質(zhì)、字體、新調(diào)色板、新壁紙和主題包來提升自我表達，以兼顧廣泛的品味。

在 Windows 11 中，我們看到了一種從單純的功能性技術(shù)向情感、人性和個性化技術(shù)的轉(zhuǎn)變。Windows 不僅僅是一個操作系統(tǒng)，它是編織在我們生活中的一塊織物，讓我們更接近我們所愛的一切，幫助我們創(chuàng)造和連接。

如文章開頭所說，彩云為大家搜集到了 Windows 11 最新設(shè)計語言 Fluent UI 的設(shè)計組件，供大家參考學習，

歡迎關(guān)注作者的微信公眾號：「彩云譯設(shè)計」