Liquid Glass UI,苹果这波设计真的有毒

B站影视 欧美电影 2025-06-10 19:05 1

摘要:这种“Liquid Glass”风格的界面,看起来就像高级定制的玻璃器皿,通透、柔和、科技感拉满。

这种“Liquid Glass”风格的界面,看起来就像高级定制的玻璃器皿,通透、柔和、科技感拉满。
不夸张地说,这种风格,真的让人忍不住想立刻动手重构自己 App 的UI。
今天就来拆一下,这种 Liquid Glass(液态玻璃)视觉效果背后的 8 个关键设计要素👇
✨1. 毛玻璃(Blur)不是主角,是基底
所有背景都用了不同程度的 Gaussian Blur,但重点在“刚刚好”:既模糊了背景,又不抢前景的字。
模糊是为了制造空间感,不是为了看不清。
🌈2. 色块透明度控制在 10%-40%
半透明色块+背景玻璃化,叠加出的层次感让人上头。
注意:颜色不能实,必须透。实了就俗,透了才有呼吸感。
🎨3. UI 用色趋于柔和渐变
你看图里 iMessage 的粉橙渐变,设置页的冷蓝色,都是偏中性色调的渐变。
既有个性,又不过分跳脱,完美平衡了“科技感”和“温度感”。
🪞4. 圆角统一,小组件如水滴般流动
无论是通知框、控件区块还是音乐播放器界面,全都用了高度统一的圆角。
这种“柔滑感”是Liquid Glass灵魂的一部分,视觉上更像是水滴在界面上滑动。
🧼5. 前景图标质感轻盈、不再厚重描边
图标几乎都“瘦身”了,主打极简线条风,没有过多阴影或金属光泽。
这样图标和玻璃背景搭配起来,才不会显得厚重或突兀。
📐6. 分层清晰,避免UI“陷进去”
虽然背景是模糊的,但通过微妙的 阴影 + 投光 + 亮边框,每一个卡片和元素都被立体地“托起来”。
液态的质感来源之一,就是“浮在屏幕上的感觉”。
🌪7. 动效必须丝滑缓慢
这种风格必须配合 低速动效:点开设置、弹出通知,都像液体缓缓流动。
不能快,快了就像安卓。必须像水一样慢慢延展,才有那种“高级科技仪式感”。
📸8. 背景图像不能喧宾夺主
你看中间锁屏页的背景山景,色彩饱和度低、光影柔和。
因为设计逻辑是:信息>视觉冲击。背景要美,但绝不能干扰信息的可读性。
📌 总结一句话:
Liquid Glass 是高级设计的一个终极形态——既克制又炫技,既柔和又科技。
适合哪些产品风格?
💡 AI工具类 / 健康类 / 高级定制类App / 个性化操作系统界面等
用它,用户一打开就知道:这不是普通App,是有品味的产品。

来源:吴天琪

相关推荐