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

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

京东

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

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

细节描述

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

8.832人评分
收藏 11
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

你如何看待「微博」界面逐渐淘宝化?
新浪微博

用户体验你如何看待「微博」界面逐渐淘宝化?

猎人 - 洛糊糊6.0

近期不少用户发现自己的「微博」界面好像又换了样子,乍一看怎么好像是打开了「淘宝」?正在进行灰度测试的新UI界面,摒弃了之前多种色彩的icon,全部统一成为了橙色+深灰色的ic...

查看详情

#UI#信息呈现#图标

如何看待京东的囤货提醒设计?
京东

用户体验如何看待京东的囤货提醒设计?

猎人 - 龙爪槐守望者6.9

如果是以前看到「京东」App的历史食品订单提示我距离上次购买的天数与囤货提醒,我会觉得「京东」想钱想疯了。但在现在疫情期间的特殊时期,看到这样的囤货提示,反而感到非常温暖。大...

查看详情

#京东#信息呈现#情境预判

如何用动效强调产品特色,vivo告诉你答案
vivo

设计心理如何用动效强调产品特色,vivo告诉你答案

猎人 - 龙爪槐守望者6.5

大家都知道,iPhone充电慢如蜗牛,而安卓阵营的快充速度却让人眼前一亮!作为设计师的我们,深知技术再牛,如果不能让用户直观感受到,那也是白搭!vivo就深谙此道!

查看详情

#vivo#充电#动效