动效设计不只是美,Material Design涟漪动效如何提升交互质量?

产品: Google猎人: 龙爪槐守望者观众: 5.0k人 时间: 2025-05-19

Google

与「Google」有关的细节还有 38查看全部

我也有新发现 我要投稿
不只是美,Material Design涟漪动效如何提升交互质量?不只是美,Material Design涟漪动效如何提升交互质量?

细节描述

龙爪槐守望者: Material Design 在发布之初就设计了涟漪动效(Ripple Effect)。当用户触摸界面元素时,就像往水中投入一颗石子,从接触点开始以圆形向外扩散至整个界面元素。这种设计让用户能直观感受到界面的响应,增强了操作的确认感和沉浸感。在界面元素较多或信息复杂的情况下,涟漪动效还能有效引导用户关注当前交互的元素,避免误操作或遗漏关键信息。 涟漪动效既然模拟水中投石产生的涟漪,那么老版本仅在用户点击的界面元素内扩散确实显得不够自然。在Material 3 Expressive中,当按住一个元素时,附近的其他通知也会随之产生波动,就像整个手机屏幕成为了一个水池——触碰任意一处产生的涟漪都会带动整个水面上的所有物体运动。界面变得更加流畅和直观,提升了交互的沉浸感。

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

发表评论

{{ moreBtnTxt }}

你可能还爱看

大麦app如何通过情感化设计呈现抢票成功后分享晒单的喜悦?
大麦网

用户体验大麦app如何通过情感化设计呈现抢票成功后分享晒单的喜悦?

猎人 - Ginny Q9.3

你一定有经历过在手机面前蹲守,就为了抢到一场心仪的演出门票的场景,在「大麦」APP购买演出门票成功后,可以第一时间收到抢票成功的庆祝动画,敲锣打鼓的画面似乎在向你祝贺抢票之不...

查看详情

#分享#动效#大麦网

谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?
Google

组件创新谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?

猎人 - 龙爪槐守望者8.0

谷歌的Material 3 Expressive 设计语言最新推出的「进度指示器」。它打破了以往线性或环形进度条平稳、静止的视觉范式,通过引入波浪形变和尺寸扩张,让加载过程从...

查看详情

#Material Design#加载#动效

新意十足的创意网站交互设计

视觉新意十足的创意网站交互设计

猎人 - 龙爪槐守望者9.6

网站 https://www.kubota.com/futurecube/的交互设计很有新意,用立方体做画面的转场,文字结合动态插画做创意变化,每个画面都是精美的视频。

查看详情

#信息呈现#动效#网站