跳至主要內容

觀點 · Essay

從下邊框那對直角,到四角同半徑的圓:MacBook Pro 螢幕全圓角的設計語言

MacBook Pro 的螢幕下緣從直角改為圓角,本文從邊框收窄、半徑一致性與官方說明中略小於標稱的那行字,讀出四角全圓背後的形狀決策。

設計觀察 ·
從下邊框那對直角,到四角同半徑的圓:MacBook Pro 螢幕全圓角的設計語言

定裝照裡消失的兩個直角

新款 MacBook Pro 的定裝照裡,螢幕整面亮起,四個角都是圓的。這個畫面要看得夠久,細節才會浮上來:過去的機型,螢幕上方兩角隨著瀏海一起收圓,下方兩角在面板與下邊框的交接處,仍是兩個方正的九十度。10 月 29 日,科技媒體 macobserver 發文指出,配備 PROLED XDR 顯示器的首款觸控 MacBook Pro,把最後這兩個直角也收成了圓角。

下緣的直角向來是整塊螢幕裡最安靜的細節。它貼著轉軸上方的陰影,被鍵盤與觸控板的存在感蓋過,多數人從未單獨注意過它。但就輪廓的幾何文法而言,它是畫面上僅存的直角語彙:上方兩個角都在講曲線,只有它還在講直角。把它收圓之後,四個角講同一種曲線,這塊螢幕的形狀才真正統一。

上圓下直,是邊框厚度寫出來的

上圓下直的成因偏向結構,風格成分其次。2021 年那波改款把瀏海帶進 Mac,螢幕上緣要為攝影鏡頭讓位,兩角順勢收圓;下邊框的厚度始終略勝其他三邊,面板像一塊矩形玻璃放進一個上下不對稱的開口,下緣於是維持直角,好讓面板與邊框的交接線看起來整齊。混用的半徑規格,等於把「這裡放不下圓角」直接寫在畫面上。

蘋果處理圓角時偏好連續曲率,讓曲線在轉角處不留下生硬的折點,這個從硬體貫穿到圖示的偏好,使半徑的一致性成為辨識度的一部分。四角同半徑之後,這塊螢幕無論從哪一側看,都屬於同一套曲線家族。

四角全圓的前提,是邊框被推到接近四邊等厚。PROLED XDR 收窄了邊框,當下緣不再明顯厚於其他三邊,混用就失去理由。整塊螢幕以完整的圓角矩形面對使用者,輪廓統一之後,畫面看起來更開闊,也更接近行動裝置多年來所謂的全螢幕。

說明 MacBook Pro 螢幕上圓下直的成因:下邊框較厚使面板下緣保留直角,邊框收窄到四邊接近等厚後,四角才改用同一圓角半徑
四邊等厚,圓角才有統一的理由

PROLED XDR:把邊框推平的那塊面板

這代機型的規格表很熱鬧,最長 24 小時的影片播放與最高 128GB 的統一記憶體都列在欄位裡,但行銷版面上的主角位屬於螢幕。PROLED XDR 採用 tandem OLED 雙層面板,供 14.2 吋與 16.3 吋兩種尺寸,更新率最高 120Hz,峯值亮度 2000 尼特。雙層發光換來更深的黑與更高的對比,也是邊框得以收窄的物質基礎:OLED 省去背光層的收邊空間,發光單元可以一路排到玻璃邊緣附近,四角全圓因此做得起來。

值得的原因,在於上緣與下緣的語意同時換了。上緣的動態島延續 iPhone 的文法,負責通知與系統狀態,讓硬體的佔位變成介面的欄位;觸控則把輸入面從鍵盤區延伸到玻璃表面,點按與滑動都成為正規操作。我們先前已從那隻伸向螢幕的手,讀過觸控 MacBook Pro 輸入面的設計語言,這次顯示端的細節,等於把觸控需要的版面前提一次鋪齊:玻璃是一整面,形狀就要一整面地講究。

呈現新款 MacBook Pro 的 PROLED XDR 顯示器規格:峯值亮度達 2000 尼特,更新率最高 120Hz
PROLED XDR 的兩個關鍵數字

官方說明裡的那行小字

圓角有其代價,蘋果也把代價寫進了文件。官方說明確認,由於螢幕四角均為圓角,實際可視面積會略小於標稱的矩形尺寸。這行小字是一次誠實的交易:使用者以四個角落的少量面積,換取整塊螢幕輪廓的一致。macobserver 的判斷是,受影響的區域主要落在邊緣,對文書作業與影片觀賞的實際影響有限。角落本來就是介面最少放置關鍵資訊的位置,遊標與按鈕極少貼著四角生活,全螢幕播放影片時,四個弧形的小缺口也只出現在畫面邊緣。

標稱尺寸的量法同樣值得讀。14.2 吋與 16.3 吋量的是收圓之前的假想矩形,對角線穿過四個已經不存在的直角。這種度量慣例在手機上早已是常態,iPhone 的螢幕尺寸從來都對圓角前的矩形負責;Mac 加入同一套量法,等於加入同一套規格敘事:標稱值描述面板的能力,圓角描述面板最終的形狀。

引述蘋果官方說明的重點:四角全圓使新款 MacBook Pro 的實際可視面積略小於標稱的矩形尺寸
官方文件裡關於圓角的那行字

一個半徑,從手機排到筆電

把時間軸拉長,圓角螢幕是蘋果寫了將近十年的形狀文法。2017 年的 iPhone X 收圓了四角,隔年的 iPad Pro 跟上,macOS 的視窗與圖示長年使用圓角,如今這個半徑終於抵達 Mac 的螢幕本體。搭配動態島與觸控,Mac 的顯示器在硬體層面採用了 iPhone 的版面前提:內容要為圓角留邊,介面要把安全區域當成第一順位。

這對開發者是實際的排版工程。畫面往四邊推滿之後,貼著角落的控制項得向內收,圓角會裁進極端構圖的邊緣。每當蘋果改一次螢幕幾何,應用端就得跟著重排一次版面,先前的支付寶為摺疊 iPhone 準備的雙姿態版面就是同一類工作:裝置先定義形狀,介面再想辦法住進去。

蘋果同步公布了官方設計素材,也排定 11 月起的一系列線上研討,把軟體生態的改版時程攤開給開發者。這些安排把四角全圓定位成版面基礎建設的換代,裝飾性修整的成分很低。

收在最小的改動裡

以像素量計,把下緣兩個直角收圓,也許是這代產品裡最小的改動;但它補完的形狀,讓上蓋正面第一次由一塊完整的圓角玻璃定義。過去的 MacBook 螢幕像被鑲進上蓋的面板,現在邊框成了玻璃與鋁殼之間的一圈細線,機器闔上時是一塊鋁,打開時是一塊玻璃。蘋果執行長特努斯談這塊面板時,把賣點收攏成親手一觸就知道;四角全圓則是更安靜的另一半句話:這塊螢幕的形狀,從此和 iPhone 講同一種語言。