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

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

闲鱼

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

怎样向用户传达隐性的安全感?
支付宝

微文案怎样向用户传达隐性的安全感?

猎人 - AmberDu小白10.0

在支付宝的「我的」页面中,「总资产」的后面会显示绿色的「账户安全保障中」的文案。同样的,「财富」页面的「总资产」项后面也会显示「保障中」的微文案。不断出现强调资金安全性的文案...

查看详情

#安全感#心理暗示#情感化设计

闲鱼App是如何引导卖家完善商品信息,提升交易效率的?
闲鱼

用户体验闲鱼App是如何引导卖家完善商品信息,提升交易效率的?

猎人 - 龙爪槐守望者9.3

在「闲鱼」里如果买家对商品进行提问,卖家进行回答时系统会自动提示卖家「将此回答补充到详情」,并提供快捷操作一键将回答补充到商品的描述中。引导卖家完善买家视角所关心的商品信息,...

查看详情

#人性化#快捷操作#易用性

2233娘真是贴心的小姐姐(*╹▽╹*)
Bilibili

微交互2233娘真是贴心的小姐姐(*╹▽╹*)

猎人 - AmberDu小白9.2

登录网站或应用在输入密码时,无论周围环境如何我们总会潜意识里产生一丝不安全感。B站对于这个问题的处理方式显得十分可爱,在用户登录账号输入密码时背景里的2233娘会出现双手捂眼...

查看详情

#Bilibili#人性化#安全感