感謝您點進本文！本文除了 Windows 與 macOS GUI 的對比，還夾雜著作者的說明與感想，因此篇幅較長。為了讓IT之家家友 “時” 有所值，我先放出一些干貨供各位下載：
1. Windows 11 原生壁紙。此資源IT之家已發(fā)布，但因微軟默認分辨率較低，一些圖片只有 2K+ 的水準，在 4K 顯示器上使用便會模糊。故作者用 ML Super Resolution 處理了所有圖片，使其有 8K 左右的分辨率。
2. 如何開啟 Office 的 Fluent Design。伴隨 Windows 11 預(yù)覽版一同推出的還有采用全新 UI 的 Office 全家桶。微軟已在 Beta 通道推送了 Office 14301.20004 更新，可難受的是，F(xiàn)luent Design 雖然包含在該版本內(nèi)，卻是分批開啟的，這導(dǎo)致很多用戶體驗不了新 UI。別擔(dān)心，此問題可以用注冊表大法解決。
“The only problem with Microsoft is they just have no taste.”
1995 年，蘋果公司聯(lián)合創(chuàng)始人喬布斯在采訪中表示，微軟產(chǎn)品的唯一問題就是沒品味；更具體些，就是缺少創(chuàng)造力和品牌文化。我曾認為喬布斯說錯了：
從 WP7 到 Win10 Mobile，微軟打破了手機主屏幕的既有設(shè)計，推出了不打開應(yīng)用即可查看內(nèi)容的磁貼，進而將左右翻頁革新為垂直滾動的信息流。如今，我們能在 iOS 上看到名為小組件的類似設(shè)計；
從 Surface RT 到 Surface Book，微軟給 OEM 廠商們示范如何做出面向未來的電腦。iPad 問世后，大部分人都認為平板是手機的衍生物，但微軟用二合一設(shè)備把平板提升到與筆電相同的高度。如今，我們能在 iPad 上看到磁吸鍵盤蓋、觸控板等類似設(shè)計。
此外，微軟給我留下深刻印象的產(chǎn)品不勝枚舉：開創(chuàng)了手柄類射擊游戲的 HALO 系列、取自前者的人工智能 Cortana、混合現(xiàn)實設(shè)備的巔峰 Hololens、打通手機電腦應(yīng)用生態(tài)的 UWP 與 Fluent Design…… 正因為對微軟的熱愛，包括我自己在內(nèi)的眾多家友邂逅了 IT 之家。盡管紫色小尾巴已成為歷史，IT 之家依然是我每天使用頻率最高的 App。
愛之深，恨之切。不關(guān)注微軟產(chǎn)品的人可能很難相信，我以上提到的所有曾革新了某個領(lǐng)域的產(chǎn)品，都與死亡的 WP 般日漸式微。“沒品位” 仿佛成了微軟領(lǐng)導(dǎo)層的魔咒：HALO 系列由 343 工作室接手后跌落神壇，Hololens 2 至今仍需以企業(yè)身份申請購買，Cortana、UWP、Flunet Design 這些本該成為 WP 護城河的特性逐漸淡出開發(fā)者視野，而季度銷量曾一度超過 iPad 的 Surface 已 7 年未更換外觀。
且不說日新月異的智能手機對 PC 市場的威脅，友商蘋果在去年繼承了 Surface RT 對 ARM 平臺的暢想，又是開發(fā) M1 芯片又是推出 macOS Big Sur，這讓 Windows 10 這個 6 年前的老同志愈加力不從心。
在這亟需變革的關(guān)頭，微軟一邊畫著 Surface Neo、Surface Duo、Windows 10X 的大餅，一邊趕在產(chǎn)品發(fā)布前把它們?nèi)沉?/strong>，儼然一副想放棄面向消費者的業(yè)務(wù)轉(zhuǎn)而全力發(fā)展云業(yè)務(wù)的樣子。而 Windows 11 的突然出現(xiàn)讓軟粉又有了盼頭。
在前 Surface 主管 Panos Panay 的帶領(lǐng)下，Windows 這個中庸的操作系統(tǒng)再次點燃了我熬夜等更新的欲望；之家也重現(xiàn)了 WP 鼎盛時的味道，鏡像下載、注冊表教程等干貨占據(jù)了首頁；而家友們甚至愿意擱置手機圈無休止的爭論，一起探究如何繞過 TPM2.0 等技術(shù)問題。在體驗了 Windows 11 的第一個預(yù)覽版后，我確信它對得起家友們的期待。
在各種操作系統(tǒng)中，Windows 的地位是特殊的。倘若 macOS突然從世界上消失，一些用戶會損失重要數(shù)據(jù)，但他們?nèi)杂?PC、Android 乃至 HarmonyOS 可選；而倘若 Windows 突然消失，人類社會恐怕會陷入長時間的混亂。Windows 的大版本更新必須兼顧科技發(fā)展的潮流和老舊軟件的兼容，而 Windows 界面的變化也將影響大部分人的使用習(xí)慣。
我很佩服 PP 哥在 Win11 中徹底與 WP 告別的果決。從 Win8 的Metro UI 開始，微軟一直想讓扁平化、大色塊、磁貼成為用戶界面的主流，可惜 WP 與 Win 平板低迷的市場份額讓 “微軟風(fēng)” 始終流行不起來。時至 2021 年，WP 已消失，Win10 仿 WP 主屏幕的開始菜單顯得毫無意義，而 Microsoft Store 里一眾 UWP 也失去了 “通用” 的價值。
另一方面，微軟出品的安卓啟動器大受歡迎，而三星與微軟也達成了長期合作協(xié)議。與其打造移動版的 Windows，融合智能手機的用戶界面與應(yīng)用生態(tài)才是振興 Win 系統(tǒng)的最快方法。于是我們看到了一個沒有磁貼、使用圖標網(wǎng)格、可翻頁的新開始菜單。
對習(xí)慣了智能手機操作邏輯的用戶而言，Win11 開始菜單的學(xué)習(xí)成本比磁貼更低，大家完全可以把它當(dāng)作手機的主屏幕。
▲ 上下翻頁
▲ 拖動重排圖標
統(tǒng)一手機、電腦界面的做法是明智的。雖然從 Win95 沿用至今的列表式菜單與從 Win8 沿用至今的磁貼式圖標已被大多數(shù)用戶接受，多平臺融合的發(fā)展趨勢讓微軟不得不為將來做準備。蘋果在 macOS Big Sur 中將原先不規(guī)則的圖標全部改成圓角矩形，這讓 Mac 與 iPhone、iPad 的視覺差異顯著縮小，為 iOS App 登陸 macOS 鋪平道路。
Win11 原生支持安卓應(yīng)用后，UWP、Win32、APK 將共存于開始菜單，而后兩者的應(yīng)用數(shù)量遠大于 UWP。顯然，翻頁式的圖標網(wǎng)格相比磁貼更適合未來的應(yīng)用生態(tài)。此外，Win11 還吸收了手機系統(tǒng)負一屏的設(shè)計思路，在屏幕左側(cè)加入了小組件以展示信息。
▲ 卡片可自由拖動
▲ 卡片可調(diào)節(jié)大小
除了負一屏，Win 11 也將類似手機系統(tǒng)的控制中心融入到任務(wù)欄中。相比 Win10 置于通知中心底部的快捷開關(guān)，Win11 的控制中心有了二級菜單，部分操作可省去開啟 “設(shè)置” App 的步驟。
學(xué)習(xí)移動操作系統(tǒng)的長處后，Win11 憑借以上幾處全新 UI 立刻走在了數(shù)碼領(lǐng)域的時尚前沿。不過，手機與電腦終究是不可相互取代的兩種設(shè)備形態(tài)，而 Windows 正如其名稱所示，它的“窗口” 設(shè)計才是用戶界面的核心。
Win11 之所以給人煥然一新的視覺體驗，正是因為微軟在窗口的細節(jié)處下了功夫。我們不妨將多個窗口堆疊起來，看看 Win11 的細節(jié)處理與前代有何不同：
1. 圓角：無論你是否喜歡，圓角矩形已妥妥地成為主流審美。這是 Windows 首次在窗口中使用圓角，其弧線的曲率采用了平滑的過渡，進而減少了鋸齒感。這是某些安卓 UI 尚未處理好的問題；
2. 邊框：在 Win10 中，窗口外側(cè)會被一條 Windows 主題色的細線框起來，而在 Win11 中，這條細線變成了半透明的灰色，不再與背景格格不入；
3. 陰影：Win11 擴大了窗口的投影面積，使窗口之間的縱深感更加明顯。這能讓用戶更易察覺窗口間的分界與層級關(guān)系；
4. 兼容：以上裝飾性元素的變化是自動的。即使是某些不追求美觀的 Win32 程序也能擁有全新的外觀。這是 Win11 在界面一致性上邁出的一大步。
有人說 Win11 的圓角窗口 “果味十足”，此言差矣。macOS 的設(shè)計元素多少有些擬物的味道，而微軟堅持走扁平化的路線。仔細觀察 macOS 窗口上沿，你能看到些許光澤，這讓窗口有了厚度。
對于長方形的電腦屏幕，圓角窗口會帶來一個問題：窗口無法填滿角落。這將導(dǎo)致背景從窗口間露出來，破壞沉浸感。macOS 便是如此。
讓我驚喜的是，Win11 對此進行了優(yōu)化。當(dāng)用戶觸發(fā)平鋪窗口的功能后，圓角會變回直角。這足見微軟用心了。
此外，曾用于 UWP 的內(nèi)容自適應(yīng)技術(shù)也讓 Win11 的窗口調(diào)節(jié)非常自由。對于應(yīng)用商店這類圖文混排的頁面，macOS 限制了窗口的最小寬度以保持內(nèi)容的完整性，而 Win11 則能動態(tài)改變圖文布局。
▲ App Store 無法縮小為單列
▲ Microsoft Store 有三檔尺寸可調(diào)，且有動畫銜接
除了這些靜態(tài)元素，微軟對窗口動效的重新設(shè)計讓系統(tǒng)的流暢性進一步提升。不要小看這些漸隱漸顯的簡單動畫，它能向用戶傳達很多信息。
▲ 根據(jù)窗口運動軌跡的不同，用戶能分辨關(guān)閉與最小化的區(qū)別
令我意外的是，一直以動畫見長的 macOS 在窗口動效方面不如 Win11. 它雖然在窗口最小化時有華麗的效果，但開啟、關(guān)閉窗口時卻沒有動畫。應(yīng)用的 “閃現(xiàn)” 給人生硬的感覺。
▲ 動畫的缺失等同于操作反饋的缺失
細心觀察，你會發(fā)現(xiàn) Win11 的任務(wù)欄圖標會配合窗口操作給予用戶視覺反饋。也許用戶很少會關(guān)注任務(wù)欄的動效，但這讓系統(tǒng)的操作邏輯形成了閉環(huán)。
▲ 系統(tǒng)功能的圖標自帶動畫，它們在按住、松開時有不同的力度反饋，且具有慣性
▲ 應(yīng)用的圖標會在窗口出現(xiàn)時上浮，在窗口縮小時下沉，同樣具有慣性
對比 macOS，程序塢的圖標只有縮放、跳動兩種動效，分別對應(yīng)鼠標懸停和應(yīng)用通知。Win11 在細節(jié)方面再次勝出。
雖然藏于系統(tǒng)各處的細節(jié)設(shè)計增強了 Windows 的精致感，但日常使用電腦時，用戶看的最多的必然是窗口中的內(nèi)容。當(dāng)白底黑字的頁面遮住桌面后，實時模糊就成為溝通窗口與背景的橋梁。
Win11 的第一種透明材質(zhì)叫做亞克力。它常被稱為有機玻璃，但從化學(xué)構(gòu)成上看，亞克力是一種塑料。這就與 Win7 的毛玻璃效果有了區(qū)分。
▲ 邊欄、開始菜單、應(yīng)用中的亞克力材質(zhì)具有不同的透光度，這既能區(qū)分界面中的不同元素，也能體現(xiàn)其重要性差異
Win11 的第二種透明材質(zhì)叫做云母。它是一種鋁硅酸鹽礦物，具有被稱為 “雙折射” 的特殊光學(xué)性質(zhì)。
1. 透明度方面，云母材質(zhì)低于亞克力，前者在背景色彩不鮮艷時接近白色；
2. 算法方面，云母材質(zhì)會無視后方窗口的遮擋，始終從桌面背景中獲取色彩，而亞克力則是純粹的半透明效果。
得益于云母材質(zhì)全新的模糊算法，即使用戶將多個窗口堆疊在一起，標題欄、工具欄乃至頁面背景仍能顯現(xiàn)豐富的色彩。
作為實時模糊的祖師爺，蘋果雖沒給各種模糊效果冠以亞克力、云母等上檔次的名稱，macOS 的視覺效果仍是桌面操作系統(tǒng)的標桿。在 “設(shè)置” 中，用戶可以開啟一項名為 “基于墻紙調(diào)整窗口顏色” 的功能，這便是 Win11 云母材質(zhì)的借鑒對象。呈現(xiàn)效果如下：
曾經(jīng)，Windows 總給我留下只關(guān)注功能而不注重美觀的印象，這也許很對工業(yè)界的胃口，但作為一個消費者，我更喜歡 macOS 精雕細琢的界面?，F(xiàn)在，我很欣喜地看到 Win11 卸下了 “PC 領(lǐng)導(dǎo)者” 的架子，從手機系統(tǒng)、友商系統(tǒng)中汲取精華，并內(nèi)化為自己設(shè)計語言的一部分。
仔細推敲 Win11 的設(shè)計后，我在興奮中寫下了這些感想。雖然我已轉(zhuǎn)入蘋果全家桶多年，但磁貼、UWP、Fluent Design 等超前概念仍令我記憶猶新。Win11 正如 Surface 般給了所有人眼前一亮的感覺，而即將到來的對安卓應(yīng)用的支持以及新一代 Win 平板也讓人浮想聯(lián)翩。相較之下，小修小補的 macOS 12 則黯然失色了。雖然在這上篇中，我似乎即將得出 Win11 界面設(shè)計反超 macOS 的結(jié)論，但實際上，Win11 仍帶著濃濃的微軟味，這就是下篇的內(nèi)容了。
感謝各位的閱讀！
