跳至主要內容

觀點 · Essay

從那個對不齊的圓角,到選單裡少掉的圖示:macOS 27 的設計語言

從 macOS 27 Golden Gate 統一視窗圓角、收回浮動側邊欄與精簡選單圖示的修正工程,看液態玻璃設計語言第二年的校對節奏,以及 HDR 首次進入介面層的材質布局。

設計觀察 ·
從那個對不齊的圓角,到選單裡少掉的圖示:macOS 27 的設計語言

九月二十四日,9to5Mac 發布了一篇整理 macOS 27 Golden Gate 亮點的報導。在 Siri AI 佔據所有版面的這個版本裡,這篇報導把篇幅讓給另一批改動:一批安靜的視覺修正。排在最前面的,是過去一年 Mac 用戶抱怨最多的一個角落,視窗的圓角。

macOS Tahoe 的視窗有個說不出口的毛病:圓角半徑不一致。兩個視窗疊在一起,上層的弧線與下層的弧線對不齊;換一個視窗,同一種彎又換了一種彎法。使用者多半指認不出確切位置,只覺得畫面鬆了。Golden Gate 於九月十五日隨新系統推出,把半徑統一了。IT之家的報導寫得直接:Tahoe 嚴重的圓角半徑問題,已在 Golden Gate 中修復。

這類修正上不了發表會的主舞臺,卻是觀察一套設計系統成熟度的好位置。一個版本的膽識看它敢改什麼,一個版本的教養看它肯修什麼。

液態玻璃的第二層塗裝

macOS 27 幾乎重繪了所有內建應用圖示。Siri、預覽、國際象棋這幾枚被徹底重新設計;Finder、照片、提醒事項則屬於同步微調,整批往液態玻璃的語言靠攏。

圖示之於作業系統,接近字級之於排版。桌面上的每一枚圖示都是這個系統的字母,字母允許粗細變化,但不能出現兩種筆勢。Tahoe 大改的那一年,先換上玻璃材質的圖示與來不及跟上的圖示曾經並存,同一排 Dock 裡有的反光、有的啞光,像兩批人馬各自簽名。Golden Gate 這輪重繪,做的就是把簽名統一。

9to5Mac 對這批改版的評價值得記下:多數改動細微,但系統的視覺一致性顯著提升。這句話裡藏著設計系統推進的真實節奏。用戶無法逐枚指認哪裡變了,只會在某個早晨開機時覺得畫面順了。細微的批次修正累積起來,才是一致性本身。

9to5Mac 對 macOS 27 內建圖示改版的評語,指出多數改動細微,但系統視覺一致性明顯提升

當光也有動態範圍

第二項改動更難被截圖傳播。macOS 27 讓系統圖示、工具列與液態玻璃介面元素廣泛支援 HDR,高動態範圍第一次走進作業系統的介面層,而不只停留在影片與照片的播放。

這件事要從材質說起。過去介面裡的玻璃是畫出來的:降低不透明度、加上背景模糊、補一道高光。在標準動態範圍的螢幕上,玻璃的亮度有上限,高光終究是一種淺灰。HDR 開啟之後,玻璃的光有了真正的峯值,反光可以比畫面裡的白更亮。9to5Mac 提到的細節更極端,連 Spotlight 與 Siri AI 介面裡的遊標閃爍都納入了 HDR。這表示 Apple 開始把光本身當成介面材質的一級變數,與顏色、透明度寫進同一份規格表。

這也讓這批改動成為最難分享的升級。截圖會把高光壓回 SDR 的天花板,看的人永遠少看到那一層。類似的處境先前在小米旗艦那輪拍不進簡報的感官升級裡也出現過:馬達的手感、揚聲器的音色,同樣無法靠一張圖片轉達。IT之家的相關報導則把這組高光強化連向另一個方向,為 OLED MacBook Pro 鋪路。HDR 的介面配上能顯示 HDR 的面板,液態玻璃才算被完整兌現;在還不支援的螢幕上,這套玻璃只兌現了一半。

macOS 27 將 HDR 帶入系統圖示與液態玻璃介面元素,讓玻璃高光在支援的螢幕上真正發亮的設計主張

附帶一個使用細節:第三方 HDR 顯示器需要在設定中手動開啟高動態範圍選項。這層新的光學,對外接螢幕保留了一枚開關,Apple 自家的顯示器則預設喫滿。介面的升級與硬體的邊界,在設定頁裡畫了一條安靜的線。

修正版的美學:貼回邊緣的側邊欄

Golden Gate 對 Tahoe 遺留問題的處理,集中在幾條清楚的線上。圓角半徑統一之外,浮動側邊欄恢復為貼邊設計,工具列加回了明確的分隔線。

浮動側邊欄是 Tahoe 視覺宣言的一部分。側欄從視窗邊緣脫開,四周留出空隙,像一張懸浮的卡片。這個語法在單一場景裡成立,製造輕盈與層次;但當整個系統的元素都在漂浮,層次之間的落差被抹平,視窗的結構感也跟著鬆動。Golden Gate 讓側邊欄貼回邊緣,等於承認了一件老道理:漂浮要用得節省,才有漂浮的效果。

工具列的分隔線是更小的手術。Tahoe 為了畫面乾淨拿掉了這條線,工具列與內容區的邊界交給留白去暗示;Golden Gate 把線放了回來。一條細線是排版裡最便宜的層級工具,不佔空間、不改配色,只負責說明這以上是一種東西、這以下是另一種。拿掉它省下的是幾個像素,付出的是判讀成本。

液態玻璃本身也在這個版本長出了調節鈕。新的滑桿讓使用者自訂透明度與色調比例,把這套材質的濃度從固定標準改成可調光譜。這既是對玻璃太花這類抱怨的回應,也是一套材質成熟的常見終點:要夠穩定,才能被安全地交到使用者手上。

清單圖卡列出 macOS 27 Golden Gate 修正的五項視覺細節,包含圓角統一、側邊欄貼邊、工具列分隔線、選單圖示精簡與玻璃效果滑桿

選單的減法

Tahoe 做過一件慷慨到近乎過剩的事:為每個選單項目都配上專屬圖示。結果是選單裡每一行都圖文並列,文字旁邊站滿了小圖。

圖示在選單裡的價值,建立在稀缺上。一枚圖示的功能是把某個項目從文字的連續性裡抬起來,成為掃視時的落點;當所有項目都有圖示,就沒有項目被抬起來,每一枚都成了需要處理的雜訊。macOS 27 移除了大量冗餘圖示,只保留必要的視覺標識。選單回到以文字為主體的列表,圖示回到落點該在的位置。

IT之家的報導還給了一個務實的理由:避免圖示資源過度消耗。這句話把美學判斷與工程帳本寫在了同一行。減法在介面設計裡常有這種雙重身分,畫面變乾淨是使用者看見的那一半,資源變輕是系統看見的另一半。

鏡像裡的比例翻譯

iPhone 鏡像功能在這個版本獲得三項改進。使用者可以從鏡像畫面直接叫出控制中心,也能把介面比例放寬到貼近 iPad mini 的寬高比;至於在 Mac 上播放 iPhone 的 DRM 保護內容,畫面不再黑屏。

第二項特別值得從設計的角度看。鏡像功能原本的邏輯是忠實複製:Mac 視窗裡放一個 iPhone 的直式畫面,比例照搬裝置。放寬到 iPad mini 的寬高比之後,介面承認了內容比裝置優先。影片、遊戲與閱讀在更寬的畫面裡得到更合理的容身之處,比例從複製變成了翻譯。

DRM 內容不再黑屏則是版權機制對使用者的一次讓步。過去受保護內容跨裝置播放時的黑屏,是版權與桌面顯示之間最生硬的介面縫隙;修掉它,Mac 螢幕才算真正被 iPhone 信任為一面合格的顯示器。

宣言之後的校對年

把 26 與 27 兩個版本並排看,Apple 的節奏變得清楚。液態玻璃在 2025 年以宣言的姿態登場,全面換裝、全面懸浮、全面透明;2026 年的 Golden Gate 是宣言之後的校對年,統一半徑、收回側欄、放回分隔線、拿掉多餘的小圖。這種兩年一組的節奏 Apple 並不陌生,當年 iOS 7 的扁平化改版之後,隨後幾個版本做的也是同一件事:收邊。

Apple 治理版本時間線的嚴謹是出了名的,停止簽署舊版 iOS 的那道窗口就是同一套紀律的另一面。每個版本都會在某個時刻被關上門,畫面的收斂也有自己的時刻表。代號從一座湖換成一座橋,這個版本做的事也多半在連接與校準:把弧線接上,把側欄貼回,把 iPhone 的畫面以新的比例接進 Mac。

校對比宣言難寫。宣言只需要方向與膽量,校對要逐一面對抱怨,決定哪些收回、哪些堅持。Golden Gate 修正的都是度量層級的問題,半徑、邊界、留白、密度,這些決定畫面是否可信的基本單位。使用者未必記得哪個版本修了什麼,但手會記得:視窗疊起來的時候,弧線終於對齊了。

一套設計語言的說服力,取決於它被抱怨之後怎麼被修。Golden Gate 的答案節制而具體,這些動作小到進不了發表會的舞臺,卻剛好落在使用者每天都會碰到的地方。