动效设计iOS 26 这个丝滑的液态展开效果,让人忍不住一直点

产品: iOS猎人: 龙爪槐守望者投稿: Apple Design观众: 3.9k人 时间: 2025-12-03

iOS

与「iOS」有关的细节还有 165查看全部

我也有新发现 我要投稿
iOS 26 这个丝滑的液态展开效果,让人忍不住一直点iOS 26 这个丝滑的液态展开效果,让人忍不住一直点

细节描述

龙爪槐守望者: 每次在iOS 26选中一段文字,大拇指轻轻一滑,菜单就像水银一样顺着你的力道流淌开来。没有卡顿,没有突兀的弹窗。让人忍不住想多点几下。 作为 iOS 26 的核心交互语言,这个液态玻璃编辑菜单展示了令人惊叹的物理细节。 点击「更多」时,菜单不是机械地弹出,而是呈现出明显的粘滞流体特性。原有的胶囊形态像被加热的糖浆,顺着重力方向粘稠地拉丝、坠落。 在形变过程中,菜单边缘始终保持着圆润的张力,没有任何尖锐转角。内容出现时采用了墨水扩散式的渲染,新选项(Cut, Copy, Paste)仿佛是在液体内部浮现出来的。 背景的高斯模糊不再是静态的,而是随着液体的流动产生折射变化(Refraction),完美模拟了半透明玻璃在形变时的光学物理特性。

8.713人评分
收藏 1
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

如何优雅地在京东读书上跨页划线?
京东读书

微交互如何优雅地在京东读书上跨页划线?

猎人 - 龙爪槐守望者9.5

你是否也曾有过这样的阅读体验?在电子书上划线时,想要跨页标记,却总是找不到翻页的位置,要么费力地翻页,要么一不小心就翻过了好几页,影响阅读的流畅性。而京东读书的“对角翻页区域...

查看详情

#京东读书#微交互#翻页

如何合理运用形象思维做交互设计?
iOS

微交互如何合理运用形象思维做交互设计?

猎人 - AmberDu小白8.0

在iOS系统的控制面板中当用户调节屏幕亮度时,太阳形象的图标会由小圆加四周圆点的样子,随着亮度的提升逐渐变成更大的圆和更长射线光束的形象。如同太阳出来时光线由暗变强的情景。旁...

查看详情

#Apple#iOS#即时反馈

欢迎来到2021,崭新的一年已充值完毕
即刻

设计彩蛋欢迎来到2021,崭新的一年已充值完毕

猎人 - AmberDu小白0.0

「即刻」App有个叫「今年的时间进度条」的圈子,用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻,这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的...

查看详情

#仪式感#信息可视化#动效