六只顶流AI决定复刻苹果iOS 26的液态玻璃

用一句话来形容更新ios26后的心情,

我会描述成明知道鲱鱼罐头难吃,但是能难吃到每个人都在骂的程度我又有点想尝试一下的感觉,

来不及吐槽就因为可以用到26年,所以新的系统名从ios19直接跳到了26的离谱设定了。被称之为ios7后最大的更新

液态玻璃liquid glass来了!

用人话说,手机里的按钮、工具栏、通知、App图标都变成透明玻璃了,越看越眼熟,再看更眼熟。windows和座机都有话要讲。

玻璃有了,那液态呢?


玩的就是真实,我直接更新到ios26,可以看到下拉通知中心的时候,肉眼看到的效果与其说是玻璃,更像是一个个泡泡。

当通知中心底部划过App图标的时候,还像是泡泡们碰撞后反射出来的虹光。我觉得液态就体现在这些效果都是实时渲染的。

But,不能细看。。。

简单回顾了我一天下来的使用体验后,来回收一下标题吧!

AI们看到这个设计后会有如何评价、以及能不能在各种图标上复现出液态玻璃同款效果。于是我跟openai o3、gemini2.5pro、claude4、deepseek R1和qwen3 一拍即合,来一场设计复刻比赛!


 01|OpenAI o3 

提问方式很简单啊,我就用了三张静态图篇和动态视频,

因为没开联网,o3还以为是我自己做的UI,它的评价是:

> 液态玻璃风格(Liquid Glass Aesthetic)其实是 iOS7 以来毛玻璃(Frosted Glass)和拟物(MacOS X 早期风格)之间不断摇摆的一种延伸.

1. 材质感清透、拟物细节丰富,像App图标那种光泽、反射感做得恰到好处

2. 结合动态模糊 + 半透明 + 色彩散射,在操作中呈现出“液体在动”的效果,极具高级感

看出来了,o3应该是个果粉,

它还擅自分析了液态玻璃可能脱胎于哪些风格,

真的都挺像的

之前都是用模型生成对应风格的设计,没想到它还可以反过来倒推风格元素,等我再打磨打磨,看看能不能出一个特别点的设计风格。

o3给液体玻璃打出了9.1的高分,

所以我单独给了它一张ios18的截图,看看它能不能复现出液态玻璃。

怎么卓里卓气的

凌晨1点,我开始摇人点评了,设计师和前端工程的朋友们先别睡了,怀民亦未寝啊,某晚睡设计师回复:iPhone咋变圆了,这颜色咋这么梦幻呢?玻璃没看出来感觉更像气泡了。

至于下面这个页面交互效果是怎么来的,请允许我卖个关子,先来看看下一位选手Gemini


 02|Gemini 2.5 pro 0605 

这里要吐槽一下 gemini app,都上线多久了还不支持视频,

gemini 的评价是:

> 这套设计使用了圆润的胶囊形状,取代了传统玻璃拟物的圆角矩形,增强了柔软和有机的感觉。UI元素的边缘有微妙的高光和轮廓线,这让它们看起来更像是立体的、有厚度的玻璃或凝胶,而不是简单的半透明平面。

一句话总结视觉风格:它在玻璃拟物的基础上,融合了类似早期iOS和macOS Aqua的“水滴”质感,创造出一种既现代又带点复古未来感(Y2K美学回潮)的“液态凝胶”或“液态玻璃”美学。

当控制中心下拉和收起时,它不是僵硬地移动,而是带有一种Q弹、粘滞的物理效果。这种物理感极强的动画与iPhone的Taptic Engine(触感引擎)是天作之合。

在实际应用中,这套设计会面临一些严峻的挑战:

1. 可访问性(Accessibility)

当UI元素(如文字、图标)下的背景非常复杂或颜色相近时,会导致对比度急剧下降,让视力障碍用户或在强光下的普通用户难以看清。

2. 信息过载

第二张图的整个主屏幕都采用了这种风格,导致所有图标都变成了半透明的玻璃球。这大大降低了图标的识别性(需要时间去辨认),容易造成视觉疲劳和认知负担。

3. 视觉统一性的滥用

将所有元素都做成玻璃质感,反而失去了焦点。优秀的设计应该是有主有次的。将这种效果用在控制中心、通知等临时性、覆盖性的UI上非常合适,但若应用于整个系统的每一个角落,会过犹不及

Gemini 也同样觉得液态玻璃融合了类似早期iOS和macOS Aqua的“水滴”质感,还直接打出了10分满分的高分。

来看看能不能复刻出来吧,

好吧,还不如o3呢,看来不能直接画出来了。

啥东西啊,不是图标变玻璃,是直接往手机上扣了个玻璃的感觉。

幸好还有从@歸藏佬薅到的提示语,

这个就有那味了,但感觉像立体的扁平框,和玻璃还是差了点意思。

为了不影响阅读,我将提示语和生成的对话记录都打包起来了。公众号回复ios26就ok啦。


 03|Claude 4 Sonnet 

可惜的是 Claude4 还不会看视频,给出的评价非常有限:

> 这些界面展现了iOS的”磨砂玻璃”或”毛玻璃”设计语言,在iOS中被称为”Vibrancy”效果。

需要注意的地方:

– 可读性考量:某些情况下背景过于复杂可能影响文字阅读

– 性能消耗:实时模糊和透明效果对设备性能有一定要求

虽然没评价太多内容,但是评分只给了8.5/10。

来看看 Cluade4 没有让人失望过的编程能力吧。

整体的互动感更强,但是从设计上看和Gemini差不多,没啥区别,感觉不出来是玻璃。


 04|DeepSeek R1 

可惜 DeepSeek R1 只能识别图文里的文字,所以我们就直接来测试看看它能不能生成液态玻璃吧。

R1生成的透明度更高了一点,显得立体了一点,但是还是期待有玻璃反光的质感,我做到这都快接受ios26了(不是)。


 05|Qwen3-235B-A22B 

太好了,Qwen3 能看视频能看图,它给液体玻璃的评价就很像理科生了

> 液态玻璃效果本质上是通过物理模拟引擎 (如 Box2D、Cocos2d-x 的物理模块)和粒子系统 (Particle System)实现的。

液态玻璃既保留了传统拟物化设计的质感(如光泽、折射),又通过动态变形打破了物理限制,形成一种超现实的拟物风格 。这种设计既能唤起用户对真实材质的联想,又能突破现实束缚,创造全新交互体验。

从认知心理学视角,液态效果通过视觉反馈强化用户操作(如长按、拖拽),降低用户对“是否成功触发交互”的不确定感。

也是给出了10分满分!难道AI们的审美跟我的还不太一样?

看看 Qwen3 是不是能直接复刻出来吧,

好吧,看来还是要在代码能力上PK。

高强度盯了液态玻璃十几个小时后,这下我都快看顺眼了,最后贴一下如何把 iphone 更新到 ios26 吧。这里的 iphone 版本要大于等于11。

ipados26我还没测试,不过 macOS Tahoe 26 有大坑,我的朋友更新后已经打不出中文了,大家慎用慎用啊。

  1. 在 app store 下载 apple developer,打开并登陆后
  2. 进入系统设置里,找到软件更新,打开 Beta 版本更新,里面就有 ios26 的更新选项了


 写在最后 

ios上一次UI大版本更新还是2013年 ios7,

那时候我还小心翼翼捏着我的iphone5s,

从拟物形式到扁平画风再到今天的液态玻璃,

区别就是,

我比那会更想让下一次更新马上到来,

除了图标之外,

快把我好用的相机和图库还给我啊!!!

虽然但是,作为一个果粉,还是很高兴能偶尔客串一下科技博主的,

毕竟吐槽也是爱吗,

你说对吧,库克大大。

@ 作者 / 卡尔 & 阿汤@ 动手学AI知识库 / learnprompt.pro


(文:卡尔的AI沃茨)

发表评论

×

下载每时AI手机APP

 

和大家一起交流AI最新资讯!

立即前往