macOS 中的液态玻璃效果感知不强

4 月 12 日
 xin1284
在 iOS 原生应用中,液态玻璃的设计存在感较强,较为典型的例子是“照片”和 “Safari”。

其中,“照片”应用可以说是最适配液态玻璃设计的场景之一:当内容在按钮下方滑动时,折射效果自然且细腻,视觉表现具有明显层次感;点击按钮后弹出的菜单,其过渡动画也显得灵动而优雅,整体观感较为统一。

相比之下,在 macOS 中较难找到同样成熟的原生应用示例。尽管 macOS 端的“照片”应用在按钮形态上引入了类似的液态玻璃元素,但在交互反馈上明显不足:点击后的动画缺乏玻璃形变的动态特征,更接近传统的弹出效果;同时,无论是透明度控制,还是内容滑动时对按钮底部的形变响应,都明显弱于 iOS 版本,整体更像是简单的半透明按钮,而非具备真实材质感的玻璃效果。

在 watchOS 和 tvOS 上,液态玻璃的存在感则进一步降低。

就我个人体验而言,对新的 UI 设计始终持开放态度。既然苹果选择引入液态玻璃这一设计语言,其价值不仅在于视觉新鲜感,更在于材质与交互的统一表达,因此仍有进一步打磨的空间。液态玻璃确实在某些场景下存在可读性不足的问题,但作为装饰性元素,其表现力是显著的,尤其是在 iOS 中,按钮形变与动态反馈带来的趣味性较为突出。对于强调信息可读性的区域,则完全可以回退至磨砂玻璃等更稳定的表现形式。

在具体实现上,我觉得可以考虑引入动态与静态的状态区分:当界面元素处于运动或交互过程中时,提高透明度与折射表现,以强化动态反馈;当界面进入稳定状态且需要保证信息清晰时,则过渡为磨砂玻璃效果。典型的例子是通知中心中的通知,可以在弹出瞬间以高透明度的液态玻璃形态呈现,并伴随液体流动感动画,随后迅速凝固为磨砂玻璃,以兼顾视觉表现与可读性。而对于纯装饰性按钮,则可以持续维持高透明度状态,以强化设计语言的一致性。

总体来看,我觉得液态玻璃是一个比较好的设计,最起码它没那么无聊乏味。但其仍处于探索阶段。若能在后续系统迭代中进一步泛化其应用场景,并在 macOS 及其他平台上实现更一致的交互表达,同时平衡可读性与装饰性之间的关系,其设计潜力还是不错的。
3339 次点击
所在节点    macOS
10 条回复
pricky777
4 月 12 日
确实是这样……😮‍💨
个人还是比较喜欢液态玻璃的,可惜这几年逐步清空了 Apple 家的东西,只剩下几台 Mac mini 和 MacBook 了……😮‍💨
lauyuk
4 月 18 日
macOS 上的各种控件元素在 26 里面是各种敷衍的存在,甚至有些控件做的很 low ,最起码之前的还有渐变、纹理,过渡自然,现在好多断层的标题栏。好多地方的选单透明度还不如之前的版本。
lauyuk
4 月 18 日
每次升级这个圆角真是...不能忍

![]( )

明明可以做成这样:

![]( )
xin1284
4 月 19 日
@lauyuk 除了手机端,其他设备都是次等公民,现在也没办法
pigdragon
4 月 22 日
什么液态玻璃,难看的一坨狗屎一样,还耗电,我退回 25 的版本了,其实 25 的版本也不行,更早版本种方的好看。
pigdragon
4 月 22 日
错了,是 15~~~
notch1p
26 天前
我个人私心,有点希望苹果能引入 mavericks 时代 menubar 的磨砂效果,再配上那张海浪壁纸,就很好看了。自己的电脑现在也用的是这张壁纸

![mavericks]( https://wallpapercave.com/wp/wp4555285.jpg)

有老 mac 的还可以看看 https://mavericksforever.com/ 这个网站
xin1284
24 天前
@notch1p 如果说复古的话,我最喜欢的是 tiger 的拉丝金属,如果能在现在的视网膜显示器上复刻不知道得多好看
notch1p
23 天前
@xin1284 现在能直接通过 wasm 跑 tiger 虚拟机了,就是主打一个卡 https://infinitemac.org
xin1284
22 天前
@notch1p 玩了下实在是太卡了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1205281

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX