动效设计导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

产品: 京东猎人: 龙爪槐守望者观众: 6.0k人 时间: 2025-04-08

京东

与「京东」有关的细节还有 37查看全部

我也有新发现 我要投稿
导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

细节描述

龙爪槐守望者: Tabbar还能玩出什么花样?你可能早就看腻了那些红点提醒和图标闪烁。每天打开手机,所有App的底部导航栏都像复制粘贴——要么拼命加小红点,要么硬塞更多功能入口。这种设计就像把十个人塞进电梯,谁都想往前挤,结果谁都看不清。 京东这次搞了个「会呼吸的Tabbar」。当促销消息来临时,消息图标突然变身成商品实物图,像吹气球一样膨胀到原来的3倍大,硬生生把旁边四个图标挤开,腾出空间展示「爆款直降59元」这样的促销文案。这个会动的图标就像在一排安静站岗的士兵里,突然有个家伙跳出来挥旗呐喊,想不注意都难。 打破用户对导航栏的「视觉盲区」,动态膨胀的形式既不破坏原有布局,用动态变化激活注意力

8.939人评分
收藏 12
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

付费会员的魅力:京东如何让用户感受到尊贵感?
京东

视觉设计付费会员的魅力:京东如何让用户感受到尊贵感?

猎人 - 龙爪槐守望者7.5

付费会员已经成为许多平台的主流收费模式。想要让用户愿意为会员身份买单,仅仅依靠产品本身的功能和服务是不够的。用户的每一个互动触点,都需要让他们感受到会员与普通用户之间的独特差...

查看详情

#IP形象#付费会员#会员

「京东」晒单评价,五星好评就有烟花小惊喜哦~
京东

微交互「京东」晒单评价,五星好评就有烟花小惊喜哦~

猎人 - AmberDu小白7.5

用户在「京东」app购物收完货进行晒单评价时,如果给商品及物流服务五星好评,就会看见一束束「蹭蹭蹭」绽放的动态小烟花呦!是不是很特别的小惊喜呢?从另一个角度看,五星好评是对店...

查看详情

#互动#京东#即时反馈

图标设计别只盯着大图,看不清的通知栏图标真累人!
咔皮记账

设计避坑图标设计别只盯着大图,看不清的通知栏图标真累人!

猎人 - 龙爪槐守望者8.3

手机通知栏出现一个图标怎么都看不清楚是啥?滑开通知面板看图标稍微有点印象,等我回到桌面看大图标,才看出来这是我新装的咔皮记账。图标设计得很可爱,但是可惜对于通知栏显示那么小的...

查看详情

#图标#设计避坑#辨识度