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

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

Google

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

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

细节描述

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

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

发表评论

{{ moreBtnTxt }}

你可能还爱看

购物体验大升级!京东如何用裸眼3D吸引买家?
京东

动效购物体验大升级!京东如何用裸眼3D吸引买家?

猎人 - 龙爪槐守望者8.5

在手机购物时,商品图片的真实感往往是吸引潜在买家的关键。为了提升这一体验,京东推出了全球首个裸眼3D商品营销方案——「立影计划」。用户无需佩戴眼镜或使用其他设备,只需打开京东...

查看详情

#3D#AR#动效

那个改变世界的3W已经30岁了!
Google

产品冷知识那个改变世界的3W已经30岁了!

猎人 - AmberDu小白0.0

三十年前的3月12日,软件工程师Tim Berners-Lee向老板提交了一种基于互联网的超链接系统,用以更好地管理和监控实验室研究流程。谁也没料到,这次的提案却成为了改变世...

查看详情

#Google#产品冷知识#图标

平安夜会下雪的「天猫」App
天猫

设计彩蛋平安夜会下雪的「天猫」App

猎人 - AmberDu小白0.0

平安夜圣诞节期间,打开「天猫」App主页浏览商品信息,会出现雪花从天而降缓缓飘落的动画彩蛋。情感化的彩蛋设计给习以为常的阅读体验带来惊喜和可爱的小情趣,浓浓的节日气息扑面而来...

查看详情

#动效#天猫#微交互