設計風格詞條 3-49

玻璃擬態Glassmorphism

也常叫做：玻璃擬態、玻璃形態、Glassmorphism

你可能會這樣說

想做出半透明玻璃卡片浮在漸層或照片上的夢幻質感，自己套了半透明之後卻只是灰灰一片，完全不是那回事。

玻璃擬態的配方四件套：半透明底、背景模糊、細白邊框、柔和陰影。最重要的是背景必須夠豐富——漸層、彩色光斑、照片，玻璃才有東西可以「透」。

它跟毛玻璃是親戚，差在玻璃擬態更強調多層疊的夢幻感：彩色背景上一層層玻璃卡片互相疊映。視覺搶眼，代價是可讀性要顧——玻璃上的文字對比不足就會悲劇。

適合用在登入頁、個人檔案卡、播放器這種展示型畫面；資訊密度高的後台就不要硬套。

玻璃卡片半透明底＋背景模糊＋細白邊

沒有 backdrop-filter，只剩半透明塑膠片

四件套：半透明底 10–20%、背景模糊 blur(12–20px)、1px 白色半透明邊框、柔和陰影。
背景必須夠豐富（漸層、光斑、照片）玻璃才有東西可透；文字對比不足就會悲劇。

玻璃擬態的靈魂是背景模糊——切到第二個分頁，看拿掉模糊的下場。

圖 3-49　完整配方 vs 拿掉模糊：一線之隔，天壤之別。

中文就可以

請做一張玻璃擬態風格的個人卡片：
背景用多色柔光漸層加兩三個模糊光斑，讓玻璃有東西可透。
卡片：白色 15% 底、背景模糊 20px、1px 白色 40% 邊框、淡陰影、圓角 20px。
頭像再疊一層小玻璃框，做出雙層質感。
卡上的文字對比要夠，不行就加深背景暗側再截圖給我看。