回到笔记
玻璃拟态其实就是 backdrop-filter
为什么我把玻璃从本站的底面去掉,只留给那些"飘着"的东西。
玻璃拟态是上一版这个站的视觉身份。每一张卡都有 backdrop-filter: blur(20px)。每一个 pillar 都有 saturate(180%)。结果看起来很贵、用起来很重。
问题不在技术。backdrop-filter 是 CSS 里美好的特性,saturate + blur 的组合确实让分层界面"真实"。问题在你把它当底面用。玻璃是"层",不是"面"。当你在内容页每一张卡上都铺一层玻璃,眼睛没有地方落。每一块都在跟每一块抢注意力。
重设计把玻璃留给那些"飘在内容之上"的东西:AI 副驾面板、悬停抬升的卡片、命令面板。内容面回到奶油底 + 细描边。在玻璃底上读长文比在实色底上读要难 —— 眼睛要同时追踪文字下面的噪点。
我现在用的经验法则:内容面是平的,交互面可以是玻璃。两种角色,两种处理。
评论
评论区由 GitHub Discussions 驱动。点右上角 "Sign in" 用 GitHub 账号登录即可评论。