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

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

Google

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

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

细节描述

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

9.513人评分
收藏
分享细节海报

发表评论

{{ moreBtnTxt }}

你可能还爱看

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

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

猎人 - Ginny Q9.3

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

查看详情

#分享#动效#大麦网

别再只守苹果 iOS 规范啦!谷歌 Material 3 Expressive 有惊喜
Google

设计趋势别再只守苹果 iOS 规范啦!谷歌 Material 3 Expressive 有惊喜

猎人 - 龙爪槐守望者9.5

苹果iOS设计规范我相信大家都看过并且也遵守,但谷歌的Material Design不仅看过的人不多,实际其设计规范的除了谷歌自己,其他几乎为0。研究显示,87% 的 18 ...

查看详情

#Material Design#设计系统#设计规范

QQ也有线上自习室可以一起K书了?
QQ

好功能QQ也有线上自习室可以一起K书了?

猎人 - AmberDu小白0.0

2020年是特殊的一年,老师远程授课学生上网课成为了常态,网上自习室也应运而生。面对年轻学生群体的QQ就增加了「自习室」功能,为学生党们提供了线上一起K书自习的地方。点开某个...

查看详情

#QQ#动效#好功能