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

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

闲鱼

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

举起手机,一起为「哔哩哔哩」干杯🍻
Bilibili

运营设计举起手机,一起为「哔哩哔哩」干杯🍻

猎人 - AmberDu小白0.0

b站「玩转五一」的活动结合了手机「摇一摇」的功能,通过晃动手机执行干杯动作和2233干杯的设计,很好模拟了生活中真实的干杯动作和场景。如果有朋友在身边,开启两人的手机蓝牙并允...

查看详情

#Bilibili#互动#交互手势

「闲鱼」为了提醒用户注意交易安全有多努力?
闲鱼

用户体验「闲鱼」为了提醒用户注意交易安全有多努力?

猎人 - AmberDu小白10.0

作为个人房源直租与闲置二手交易平台,除了为交易双方提供简单方便的操作,交易安全更是重中之重。「阿里巴巴」旗下的「闲鱼」App,由「支付宝」作第三方交易资金担保平台,资金安全有...

查看详情

#安全感#情境预判#提示

「优设」新版网站 (๑·̀ㅂ·́)و 我一下发现三个隐藏彩蛋!!!
优设

设计彩蛋「优设」新版网站 (๑·̀ㅂ·́)و 我一下发现三个隐藏彩蛋!!!

猎人 - 娜娜酱 คิดถึง9.0

「优设」的新版网站终于上线了,用了一段时间发现了很多隐藏的小彩蛋设计都特别有趣。除了之前写过的文章提到的网站首页「细节猎人」版块的小眼睛icon有动效,还有网站logo「优设...

查看详情

#互动#优设#情境预判