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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

为了哪吒,淘票票和猫眼电影图标都换了?这波操作太秀了!
支付宝

营销设计为了哪吒,淘票票和猫眼电影图标都换了?这波操作太秀了!

猎人 - 龙爪槐守望者9.5

《哪吒之魔童闹海》不仅成为国内票房冠军,也获得了全球票房第9的惊人成绩,并且势头不减继续攀升。支付宝旗下的淘票票和美团合作的猫眼电影图标都以本身的IP形象为基础扮成了哪吒,瞬...

查看详情

#IP形象#图标#电影

进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 
京东

可视化设计进度条还能这么玩?看京东如何把复杂的优惠规则做成可视化UI 

猎人 - 龙爪槐守望者7.8

我们通常认为进度条是用来显示下载进度或加载时间的,但如果我告诉你,在电商设计中,进度条其实是一个最高级的催单武器,你相信吗?京东购物车的底部结算栏上方,悬浮着一个非常醒目的动...

查看详情

#信息可视化#所见即所得#目标渐进效应

拼多多是如何通过春节图标设计从众多App中脱颖而出的?
拼多多

用户体验拼多多是如何通过春节图标设计从众多App中脱颖而出的?

猎人 - 不是作家9.4

每逢重大节日期间,很多App都会尝试通过定制化的桌面图标样式,来展示自己产品的活动信息与特点,比如「淘宝-10亿红包」「京东-元宵抽汽车」等。但「拼多多」的图标并没有呈现活动...

查看详情

#信息呈现#图标#拼多多