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

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

闲鱼

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

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

细节描述

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

920人评分
收藏 5
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

小小的APP图标到底能传达哪些信息?
晋江文学城

设计逻辑小小的APP图标到底能传达哪些信息?

猎人 - 洛糊糊0.0

APP的封面,作为用户在不打开软件的前提下能最直观接收信息的方式,也有很多门道可说。「晋江文学城」APP,依托于其IP缔造大户的平台特性,选择了将平台旗下的IP电视剧的名称放...

查看详情

#信息呈现#图标#晋江文学城

闲鱼:对方正在焦急等待您的回复
闲鱼

设计逻辑闲鱼:对方正在焦急等待您的回复

猎人 - 龙爪槐守望者9.1

在「闲鱼」上如果沟通对方发来的消息太久没被回复,系统会再推送一条「对方正在焦急等待您的回复」的消息,来提醒你别忘记及时回复。这里预判了用户可能在使用App的过程中被其他事情打...

查看详情

#互动#人性化#情境预判

亲爱的果果~
即刻

设计彩蛋亲爱的果果~

猎人 - AmberDu小白9.0

使用「即刻」App时在搜索栏输入「果果」两个字,会出现让人惊喜的「爱心雨」动画。这个神秘的「果果」其实是「即刻」团队养的一只猫,从产品的很多设计细节就可以看出「果果」是实名认...

查看详情

#即刻#微交互#情感化设计