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

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

京东

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

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

细节描述

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

8.828人评分
收藏 9
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

关于「虾米音乐」播放进度条的小思考
虾米音乐

视觉关于「虾米音乐」播放进度条的小思考

猎人 - 404NTFounD0.0

「虾米音乐」的播放界面将播放进度条与播放时间信息做了巧妙的结合,并有两种不同的显示方式:打开歌曲详情页时,专辑图底部会显示音乐的时间进度条;而当返回至歌曲信息页时,时间进度条...

查看详情

#信息呈现#图标#虾米

「京东」的送礼功能比其他电商平台好在哪里?
京东

设计逻辑「京东」的送礼功能比其他电商平台好在哪里?

猎人 - AmberDu小白10.0

「京东」将网购送礼这个特定场景的使用体验做了很好的升级。在商品详情页的右上角可以看见显眼的礼物图标🎁,点击会直接进入填写礼物卡片的界面,写完祝福语点击「分享送礼」即完成礼物打...

查看详情

#京东#人性化#场景细分

星巴克是如何通过布局和动效设计推荐产品的?
星巴克

视觉星巴克是如何通过布局和动效设计推荐产品的?

猎人 - Monster7.3

「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...

查看详情

#banner#动效#卡片