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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

美团UI你糊涂啊!一个图标搞4个花样,是想卷死谁?
美团外卖

图标设计美团UI你糊涂啊!一个图标搞4个花样,是想卷死谁?

猎人 - 龙爪槐守望者8.6

仔细观察美团外卖的加购图标设计,我们会发现它采用了完全不同的视觉策略。每个加购图标,都有一个身穿黄色工服、头戴头盔的「外卖小哥」IP形象,但是不同的商品类型又不一样。在餐饮类...

查看详情

#IP形象#图标#情感化设计

手机也能测血压?京东的多模态技术应用怎么做到的?
京东

新功能手机也能测血压?京东的多模态技术应用怎么做到的?

猎人 - 龙爪槐守望者9.5

传统血压测量需专业设备,不便携带且操作繁琐。京东推出国内首款智能手机多模态技术应用血压检测产品。在京东或京东健康 App 搜 「测血压」,进入功能页面,食指放手机后置摄像头,...

查看详情

#人机交互#健康#多模态

苹果设计师又翻车了!macOS 26这个图标让10万+用户以为App没装好
macOS

设计避坑苹果设计师又翻车了!macOS 26这个图标让10万+用户以为App没装好

猎人 - 龙爪槐守望者9.0

macOS的图像捕捉应用经历了一次颇具争议的图标改版。旧版本的图标设计相对直观——一台银色相机搭配几张黑白照片的缩略图,虽然颜色单调,但至少能让人联想到「拍照」或「图像处理」...

查看详情

#图标#符号#识别而非回忆