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

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

Google

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

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

细节描述

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

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

发表评论

{{ moreBtnTxt }}

你可能还爱看

Google涂鸦:那个陪你长大,为你遮风避雨的人
Google

设计彩蛋Google涂鸦:那个陪你长大,为你遮风避雨的人

猎人 - AmberDu小白0.0

每年的五月第二个星期日是一年一度的母亲节,今年Google的母亲节涂鸦是非常可爱的鸭妈妈带小鸭子的动效。点击涂鸦上的三个按钮可解锁鸭妈妈与小鸭子互动的各种小动画:无论是鸭妈妈...

查看详情

#Google#动效#微交互

可预先查看字体搭配的「Google Font」
Google

好功能可预先查看字体搭配的「Google Font」

猎人 - 海的格尔0.0

开发者团队在做产品设计的时候,免不了会精心挑选几种展示用的字体互相搭配,保证界面的美观和可读性。一般情况下,都需要把字体文件下载到本地安装后,再在设计软件里调用,查看效果。万...

查看详情

#Google#Google Fonts#人性化

开屏广告都很丑?懂车帝用3秒视差动效教你做高级感
懂车帝

动效设计开屏广告都很丑?懂车帝用3秒视差动效教你做高级感

猎人 - 龙爪槐守望者4.6

懂车帝的的开屏广告设计没有采用传统的静态海报或粗糙的视频贴片,将 2.5D 视差动效完美融入视觉表达的开屏设计。它聪明地剥离了杂乱的背景图,应用了「格式塔原理」中的「图形与背...

查看详情

#动效#开屏广告#格式塔