动效设计3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学

产品: 闲鱼猎人: 龙爪槐守望者观众: 5.7k人 时间: 2025-06-29

闲鱼

与「闲鱼」有关的细节还有 42查看全部

我也有新发现 我要投稿
3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学

细节描述

龙爪槐守望者: 你随便打开一个电商App,映入眼帘的是千篇一律的扁平化图标,静静地躺在屏幕顶部。没有任何变化,没有任何惊喜。如何在保证功能性的同时,让界面更有温度、更有生命力?如何在用户打开应用的那一瞬间,就传递出品牌的个性和友好感?闲鱼这个看似简单的设计细节,其实藏着不少门道。 闲鱼本地页面的快捷功能入口图标,并没有使用常规的扁平化或线性图标。取而代之的是一组质感细腻的3D图标,色彩柔和,造型圆润可爱。最关键的是,它们不是静止的。当你进入页面时,这些图标会有一个非常轻微、像果冻一样Q弹的上下浮动动画,仿佛在对你进行着俏皮的呼吸,吸引你的目光。这种意料之外的动态细节,能瞬间抓住用户的注意力,从视觉上引发了积极、正面的情绪,有效降低了信息过载带来的认知疲劳。不仅起到了视觉引导的作用,更在用户与界面的每一次接触中,都注入了一丝趣味和人情味,让交互过程不再枯燥。 在产品同质化严重的今天,细节才是塑造差异化体验的关键。在设计核心入口时,除了考虑功能的清晰传达,更应该思考如何融入品牌个性和情感元素。有时候,投入资源去打磨一个别人不屑于做的细节,恰恰能构建起最坚实的品牌护城河,让用户从心底里喜欢上你的产品,而不仅仅是使用。

925人评分
收藏 6
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

闲鱼竟然在付款按钮上「种草」,转化率直接起飞
闲鱼

动效设计闲鱼竟然在付款按钮上「种草」,转化率直接起飞

猎人 - 智行ZXD设计中心9.2

我们最揪心的时刻莫过于眼看用户把商品加进购物车,填好了一切,却在支付按钮前停住了。那一刻,屏幕对面的他/她到底在想什么?是价格太贵?

查看详情

#IP形象#动效#助推理论

「闲鱼」海鲜市场的表态表情也太酷了吧!
闲鱼

用户体验「闲鱼」海鲜市场的表态表情也太酷了吧!

猎人 - Ginny Q8.8

「闲鱼」APP的海鲜市场板块汇聚了最新的交易热点和交易形式,让更多人分享闲置交易的乐趣。在每个帖子下方,用户可以通过「表态」发布表情,「赞一个」「鱿意思」「鲸呆了」「蟹蟹你」...

查看详情

#互动性#信息呈现#表情

关于网易云音乐弹窗设计的思考
网易云音乐

用户体验关于网易云音乐弹窗设计的思考

猎人 - Monster9.4

「网易云音乐」的弹窗设计以「回忆」为主题,巧妙运用追光灯环绕效果,让专辑顶部出现聚光灯效果。这里的设计通过引入美观的动效和视觉效果,即使打断用户操作,也让这种打断变得优雅。精...

查看详情

#动效#弹窗#网易云音乐