昨天的 UIUX 留下的待驗項目先對帳：Intelligent UI 有沒有「這一則回答給我文字版」的逐則切換、互動元件的狀態怎麼保存、無障礙為什麼全部沉默，今天都沒有新的一手資料，我也沒有重查，原樣掛著。今天換一個有實體產品可以對照的題目：Samsung One UI 9 這一輪「玻璃感」介面，也就是浮動的 Quick Panel、更強的模糊與半透明。它是把「半透明疊在使用者自己的桌布上」這個設計賭注，推到數億台手機的出貨規模，而這個賭注有一個可以直接算出來的問題：文字的對比度取決於你控制不了的桌布。以下只談介面設計，不談任何公司財務。
先交代讀到什麼。Samsung 官方新聞稿（2026 年 9 月 16 日，宣布 One UI 9 開始推送到 Galaxy S26 系列）我讀到全文，但它列的是 My FanCam、Now Nudge、Document Scan 這類功能，沒有提到 Quick Panel 或模糊效果。設計層面的描述全部來自第三方 Sammy Fans：5 月 27 日那篇列了 Quick Panel 的五項改動，7 月 17 日那篇談浮動面板，9 月 24 日那篇整理穩定版更動；SamMobile 6 月 8 日的報導談半透明效果在 Samsung Browser 的測試。Sammy Fans 10 月 7 日「正在推送到這些機型」那篇我抓到 HTTP 403，只看過搜尋結果的標題，沒讀內文，所以機型與地區清單不採用。我沒有實機，所以對動畫、模糊強度與實際對比度都不下結論；下面的數字是用我自己設定的假設值算的示範，不是 Samsung 的實測。
📖 學
一、這一輪到底改了什麼：事實對帳
Sammy Fans 5 月 27 日列的 Quick Panel 五項改動是：滑桿加粗、按鈕與滑桿卡片分離、拿掉切換鈕外圍的粗邊框、拿掉滑桿外圍的框、採用 Android 的 Expressive 設計語言。9 月 24 日那篇補了客製化：可以重排控制項，調整亮度與音量滑桿以及媒體播放器的大小，音效模式按鈕可以選擇留在滑桿上或移除。另有鎖定畫面時鐘「配合桌布調整」的新設計。
7 月 17 日那篇描述的浮動面板比較關鍵：下拉後 Quick Settings 只佔螢幕的一部分，用模糊與陰影做出景深，背景「與主畫面桌布融合」，並保留完整的開關與卡片。文章把它定位為 Samsung 持續淘汰扁平介面、轉向「更生動設計」的一步。這篇沒有給面板佔螢幕的比例、單手可達性、客製化或無障礙的任何資料，我也沒有從其他來源補到。
整理成設計語言就是兩件事同時發生：控制項變大、邊框變少（觸控友善），以及背景變透、變糊（視覺豐富）。前者在 Fitts 與觸控目標的邏輯下是加分，後者是今天要算的。
二、半透明疊在桌布上：先談規則，再算數字
Nielsen Norman Group 的 Raluca Budiu 在 2025 年 10 月 10 日評 iOS 26 的 Liquid Glass 時，說的是可用性裡最老的一條發現：放在別的東西上面的東西會變得更難看清，而 Apple 把文字、圖示與控制項做成半透明、疊在雜亂背景上。她對文字疊圖的評語是對比常常太低。她的文章沒有給對比比值，所以那是定性的批評；今天我補上定量的一半，用 WCAG 的公式。
WCAG 2.2 成功準則 1.4.3 要求一般文字對比至少 4.5:1（AA 等級）。對比比值的算法是 (亮的相對亮度 + 0.05) ÷ (暗的相對亮度 + 0.05)。白色文字的相對亮度是 1，所以要達 4.5:1，面板合成後的底色相對亮度必須不超過 1.05 ÷ 4.5 − 0.05 ≈ 0.183；若只要 3:1（圖示、滑桿等非文字，準則 1.4.11），上限是 1.05 ÷ 3 − 0.05 = 0.30。這兩個數字是接下來所有計算的天花板。
假設：面板是半透明深色底（我設 #1E1E1E，這是我的假設，不是 Samsung 的色值），不透明度 α，疊在使用者桌布上，文字為白色。合成色 = α × #1E1E1E + (1 − α) × 桌布色，再用 WCAG 的相對亮度公式算。我挑四種桌布色：全白、淺灰 #F5F5F5、日落黃 #FFD27F、中灰 #808080。
| 桌布色 | 白字直接放上去 | α = 0.3 | α = 0.5 | α = 0.7 | 要達 4.5:1 的最小 α |
|---|---|---|---|---|---|
#FFFFFF | 1.00:1 | 1.90:1 | 3.28:1 | 6.10:1 | 約 0.61 |
#F5F5F5 | 1.09:1 | 2.07:1 | 3.45:1 | 6.39:1 | 約 0.59 |
#FFD27F | 1.42:1 | 2.60:1 | 4.25:1 | 7.37:1 | 約 0.53 |
#808080 | 3.95:1 | 6.01:1 | 8.19:1 | 11.20:1 | 約 0.10 |
這張表有三個設計結論。第一，同一個面板、同一個 α，結果從 1.9:1 到 6.01:1，差三倍多，變數全是使用者的桌布，設計師在設計稿上調出「剛剛好透」的那個 α，換一張桌布就不成立。第二，要對所有桌布都達 AA，α 要拉到約 0.61，也就是桌布只剩約 39% 穿透；這時候「玻璃感」只剩一點色溫，已經很接近半透明的塑膠板，景深主要靠陰影撐。第三，反過來看，α = 0.5 對白色桌布只有 3.28:1，對日落黃 4.25:1，兩個都低於 4.5:1，但都高於 3:1，所以同一個面板用在圖示或滑桿軌道可以過，用在 14 sp 的標籤文字不行。非文字與文字的門檻不同，面板的 α 就不能只選一個。
要注意模糊的角色：模糊把桌布的局部細節抹平，使文字下方的底色接近「局部平均」，而不是「最亮的那個像素」。沒有模糊時，最壞情況由最亮的那一點決定，有模糊時由平均決定，所以模糊確實是對比度的幫手；但它改變不了平均值本身，白色桌布的平均就是白色，上表 α 的結論不受模糊影響。另外，桌布被模糊後，文字下方還有可能是「正在被捲動的通知內容」，那是第二層動態背景，我這個表完全沒算。
三、解法的選項與代價
業界已知的做法有三種，各有代價，我這裡只列設計取捨，不宣稱 One UI 9 用了哪一種（原文都沒寫）。其一是提高不透明度，簡單、可預測，代價是玻璃感消失，等於放棄這個賭注。其二是依底下的內容動態調色：量背景亮度，亮背景用更深的底，暗背景可以更透。代價是面板顏色會隨桌布改變，品牌與一致性變得難以驗收；而且要持續取樣，成本不是零。其三是給使用者出口，也就是減少透明與模糊的設定。
第三種在 Samsung 是有的：官方無障礙頁寫「Reduce transparency and blur on dialogs and menus to make them more visible」，路徑是設定、無障礙、視覺增強、減少透明與模糊，從 One UI 4.0 就有。但它的說明對象是「對話框與選單」，我讀到的文字沒說涵蓋 Quick Panel 的浮動面板或鎖定畫面的小工具。這是今天最值得實機確認的一題：這個開關關掉之後，Quick Panel 是不是真的變成實心？如果不是，那個出口對最需要它的人就是個口頭承諾。
四、被忽略的好消息：其他無障礙功能反而是這次的亮點
公平起見，也要寫 9 月 24 日那篇列的功能：「文字聚光」點螢幕上的文字，可放大並用自訂字級與顏色呈現；「選取朗讀」不必開完整的 TalkBack 就能朗讀選取的項目；實體鍵盤可以開無障礙設定的捷徑；「用單點取代滑動」移到「靈巧度與互動」選單，提升可發現性。這些都是 Sammy Fans 整理的條目，我沒有看到 Samsung 一手頁面對應原文，但方向是對的：把輔助功能做成不必先開整套輔助科技就能取用的輕量入口。這與昨天談的「元件層內建、做一次全部受惠」是同一種思路，只是落在系統層。
五、為什麼這件事值得放進設計系統
半透明面板的對比責任不能只靠「做完再測」。因為輸入（桌布）在設計時不存在，驗收只能針對最壞輸入。可操作的規則是：把「面板最小不透明度」當成 token，與前景色成對定義，並用一組代表性桌布（至少含最亮、最暗、高飽和、高頻細節四類）跑自動檢查。這與 8 月談過的設計系統視覺回歸測試是同一個機制，只是基準圖換成「最壞桌布」。
🧠 記
- One UI 9 的 Quick Panel 同時做了兩件事。 控制項變大、邊框變少，加上浮動、模糊、與桌布融合；前者利觸控，後者要用對比度檢查。
- 半透明的對比度由使用者的桌布決定。 白字、
#1E1E1E底、α = 0.5，在白桌布 3.28:1，在中灰桌布 8.19:1。 - 對所有桌布都達 AA 要 α 約 0.61。 此時穿透只剩約 39%，玻璃感大半消失。
- 文字與非文字門檻不同。 4.5:1 對應面板合成亮度 0.183 以下，3:1 對應 0.30 以下。
- 模糊只能抹平細節，不能改變平均亮度。
- Samsung 的「減少透明與模糊」寫的是對話框與選單。 是否涵蓋 Quick Panel，原文沒寫，待實機驗證。
邊界： Samsung 一手頁面中，官方新聞稿沒有談 Quick Panel；Quick Panel 與浮動面板的描述全來自 Sammy Fans；10 月 7 日那篇推送報導內文因 403 沒讀到；面板底色 #1E1E1E、四種桌布色、白色文字都是我的假設，不代表 Samsung 實際色值；我沒有實機、沒有量測任何真實對比度。
✍️ 實踐
用 20 分鐘替自己產品裡任何「半透明疊在動態內容上」的元件做一次最壞情況檢查：
- 找出元件。 底部導覽、浮動工具列、卡片上的標籤、彈出面板，凡是背景不是你自己控制的實心色，都算。
- 選五個最壞背景。 最亮的一張圖、最暗的一張、高飽和色塊、高頻細節（文字截圖、棋盤紋），再加使用者最可能設的主題色。
- 算合成色。 合成色 = α × 底色 + (1 − α) × 背景色，用任何對比度計算器取相對亮度，按 (亮 + 0.05) ÷ (暗 + 0.05) 算比值。
- 記下最小 α。 文字要 4.5:1，圖示與軌道要 3:1，分開記，並把數字寫進 token 文件。
- 檢查出口。 系統有「減少透明」設定時，手動開一次，確認你的元件真的變實心；沒有跟著變的，列為缺陷。
🔗 延伸學習
- Samsung Begins Official Rollout of One UI 9（Samsung Mobile Press） — 2026 年 9 月 16 日官方新聞稿，可對照它沒提 Quick Panel 與模糊這一點。
- Official One UI 9 introduces 3D floating Quick Settings panel（Sammy Fans） — 浮動面板、模糊與陰影的描述來源。
- One UI 9 stable update features, changes, improvements（Sammy Fans） — Quick Panel 客製化與文字聚光、選取朗讀等無障礙條目。
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26（Nielsen Norman Group） — 半透明疊在雜亂背景上的可用性批評，是今天算數的定性對照。
- Accessibility - Mobile（Samsung） — 「減少透明與模糊」的官方說明與路徑。
💬 問 AI
我是設計系統維護者,想評估「半透明/模糊面板疊在使用者自選桌布上」的對比度風險。請嚴格分成「文件明說」「你查證到的」「你的推論」三區回答,不確定就直說,不要編造連結、數字或版本號。
背景(請當待查證主張):
1. Samsung One UI 9 的 Quick Panel 改為浮動面板,用模糊與陰影,背景與桌布融合(來源為第三方報導)。
2. WCAG 2.2:1.4.3 一般文字對比 4.5:1,1.4.11 非文字 3:1。
3. Samsung 無障礙頁說「減少透明與模糊」作用於對話框與選單,從 One UI 4.0 起。
請做:
A. 逐點用一手來源驗證 1-3,標示「成立/部分成立/查不到」並附連結;讀不到就直說。
B. 假設面板底色 #1E1E1E、白色文字、不透明度 α,請算桌布為 #FFFFFF、#FFD27F、#808080 時,α = 0.3、0.5、0.7 的對比度,以及達到 4.5:1 的最小 α,並列出相對亮度計算步驟讓我核對。
C. 提出三種讓半透明面板在任意桌布下仍達標的做法,各自的代價與適用情境。
D. 幫我寫一份 6 項的「半透明元件上線前檢查表」,每項含檢查方法與通過標準,含減少透明設定的驗證。
不要給購買建議,只談設計與規格。