Windows 10 技術預覽版 (Build 9841) 引入細微但關鍵的視覺改進:作用中視窗獲得細緻的外發光陰影,非作用中視窗無陰影,強化視覺層次與焦點識別。這項變化雖微妙,卻是 Fluent Design/System Acrylic 美學的濫觴。本文帶你賞析細節並對比舊版本。
視覺差異對比
- 作用中視窗:四周呈現柔和、半透明的灰黑色陰影,邊緣漸層自然,呈現「懸浮」質感。
- 非作用中視窗:無陰影,扁平貼合背景。
左圖:作用中視窗陰影效果;右圖:非作用中視窗無陰影。
技術實現細節
- DWM (Desktop Window Manager) 在合成階段為擁有
WS_EX_LAYERED 與 DWMWA_EXTENDED_FRAME_BOUNDS 屬性的視窗計算陰影幾何。
- 陰影半徑約 8-12 像素,不透明度約 15-20%,隨主題色調 (淺/深色模式) 動態調整顏色。
- 此特性為後續 Windows 11 Mica 材質、Acrylic 模糊、圓角視窗奠定基礎。
如何體驗/驗證
- 開啟兩個視窗 (如記事本 + 設定)。
- 點擊其中一個使其成為作用中視窗,觀察邊緣陰影。
- 切換焦點,陰影會即時跟隨移動至新作用中視窗。
歷史脈絡
- Windows XP:無視窗陰影 (經典主題) 或僅標題列陰影 (Luna 主題)。
- Windows Vista/7:Aero Glass 邊框發光,但視窗本體無明確外發光陰影。
- Windows 8/8.1:扁平化設計,完全移除視窗陰影與玻璃效果。
- Windows 10 (預覽版起):重新引入細緻 Drop Shadow,標誌著「材質與光影」設計語言回歸。
- Windows 11:Mica 材質 + 圓角 + 更強陰影層次,完成 Fluent Design 視覺體系閉環。
小結:這項細微改進雖不影響功能,卻顯著提升多視窗作業時的空間定向感,是現代作業系統介面設計「微交互」重視度提升的早期訊號。