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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

今天,你的耳朵被「豆瓣FM」叫醒了吗?
豆瓣FM

微交互今天,你的耳朵被「豆瓣FM」叫醒了吗?

猎人 - 戢戢9.0

只想听歌,想短暂的放松休憩一下。看到推荐歌单中赏心悦目的封面和文案,暂且相信的点了进去,切换了几首歌都找不到想要的feeling,心情反而变得更加烦躁。拥有选择困难症的你,不...

查看详情

#互动#图标#微交互

人性化的「京东」物流评价体系~
京东

用户体验人性化的「京东」物流评价体系~

猎人 - 戢戢8.2

在「京东」对购买的商品做评价时,如果用户的打分高于4颗星便会顺利完成提交。如果用户评分少于4颗星,会下拉展示出相关问题供选择,鼓励用户反馈问题以进一步优化和改进京东的服务。只...

查看详情

#京东#即时反馈#情境预判

「懒猫存钱」能用这些图标明确支出取向真的太香啦!
懒猫存钱

信息呈现「懒猫存钱」能用这些图标明确支出取向真的太香啦!

猎人 - 洛糊糊9.3

在记账这件事上,App常常使用通用图标来适配时候用户的需求,尽管在分类上用户可以自行选择,但总归会多许多步骤。「懒猫存钱」就更新了不少有趣的小图标,用来帮助用户准确定位花钱的...

查看详情

#信息呈现#图标#懒猫存钱