i2025年6月10日凌晨,苹果WWDC开发者大会上,发布了最新的 Liquid Glass(液态玻璃质感)美学性领先行业,颠覆了目前手机操作系统的设计语言表达。Liquid Glass独特的材质表达有些类似于之前热火的毛玻璃质感,iOS 的 Liquid Glass更加通透、清澈、流动,似水的流动感。
作为细节狂魔的苹果,苹果的iOS设计风格一直牵引着国内的手机厂商以及APP界面设计,本文详细解析 iOS26 的设计风格升级点;值得关注的一点是,iOS26发布会后,苹果的股价下跌了1.21%,所以我们也需要客观审视这一美学创新。
2.截图 Beta 版个别界面觉得丑,例如人像锁屏滑动到特定位置人脸扭曲
3.形式大于功能不适合主流界面系统,炒冷饭,和毛玻璃风格类似
1.可读性问题可以通过优化材质透明度和文字对比度规避
2.Beta 版存在的意义就是在正式发布前发现并优化小场景
3.至于功能问题,苹果对于形式和功能的分寸感一直拿捏得很好,我们可以放到正文的具体场景中解析
首先我们来看一下视频,直观感受下 Liquid Glass 在iOS界面中的表达:
Liquid Glass作为iOS26全新的设计语言,灵感源于VisionOS的空间计算理念,采用半透明毛玻璃效果,结合动态光影折射、圆角元素以及硬件适配,实现界面与设备的无缝融合。模糊效果对于系统算法和手机性能的要求很高,尤其是这种实时渲染效果,需要底层硬件的强大支持。
“悬浮于内容上方”使界面层级清晰,上面一层主要负责互动操作;下面一层主要负责呈现内容
控制中心的液态玻璃更像装着流动液体的玻璃瓶,弱化了容器的视觉权重,突出了容器内的视觉权重。但是风险点在于,由于玻璃的透光性太强,在壁纸上文字的可读性会降低很多。
材质与环境的实时互动让界面保持和谐,材质的颜色跟随环境实时渲染
环境偏亮文字就黑,偏暗就白,保障可读;环境挤尺寸就缩小,空就放大;
被用户关注就展开,否则就缩略;被用户点击就变亮变大
液态玻璃在“文本放大镜”这块不谋而合,iOS26的“文本放大镜”更接近于我们真实物理世界的放大镜,对比旧版的设计,iOS26的“文本放大镜”被放大的文本和原文本的层级感更强,像一滴水滴在了书上。
iOS26的滑条按键的热区更大,圆润的玻璃质感更贴合滑条的流动性,让用户感觉滑动操作更流畅。
除了iOS26操作系统UI控件风格焕新之外,锁屏也是一大亮点:
国内的手机厂商也一直在锁屏上发力,做智能抠图,智能排版的视觉设计,但iOS惊艳我的地方在于将这种排版布局与交互手势融合在了一起,将视觉美学融入用户的交互操作中。