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

产品: Google猎人: 龙爪槐守望者 时间: 11小时前

Google

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

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

细节描述

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

0暂无评分
收藏
分享细节海报

发表评论

{{ moreBtnTxt }}

你可能还爱看

扔掉轮播图!Flashback这设计秒杀99%用户引导
Flashback

动效设计扔掉轮播图!Flashback这设计秒杀99%用户引导

猎人 - 龙爪槐守望者9.9

每天被App启动页的广告轰炸,还要在【跳过】按钮的迷魂阵中挣扎;用户引导页永远是千篇一律的轮播图,像被强迫观看的教程——这种形式主义的交互体验,早已让用户审美疲劳。而Flas...

查看详情

#onboarding#动效#情感化设计

Google上线小游戏迎接「日本东京奥运会」?
Google

设计彩蛋Google上线小游戏迎接「日本东京奥运会」?

猎人 - AmberDu小白0.0

「日本东京奥运会」开始了。这一次,Google团队不仅上线奥运题材的Google Doodle作为庆祝彩蛋,更开发了一款像素风的日式互动小游戏与奥运纪念Google Dood...

查看详情

#Google#Google Doodle#互动

无用但有趣的设计有存在的价值吗?
小宇宙

设计彩蛋无用但有趣的设计有存在的价值吗?

猎人 - AmberDu小白10.0

「小宇宙」首页的右上方可以看见醒目的星球形态logo图标,点击还会出现有趣的星球转动小动效。虽然这里的小交互只是互动彩蛋,并非功能性交互行为的反馈,但有趣的设计还是给不少用户...

查看详情

#交互手势#动效#即刻