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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?
小红书

动效设计3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?

猎人 - Tang9.0

用户在社区互动已经不仅仅局限于简单的点赞和评论。随着内容创作和互动形式的不断丰富,平台的设计也在不断创新,力求通过独特的方式吸引用户的参与,提升用户体验。最近,小红书推出的「...

查看详情

#动效#情感化设计#点赞

电信诈骗套路多,京东提醒你小心!
京东

好功能电信诈骗套路多,京东提醒你小心!

猎人 - 龙爪槐守望者9.0

电信诈骗频频发生,让无数人损失惨重。骗子们通常通过编造理由,诱使你在会议软件上共享屏幕,进而盗取你的京东白条和蚂蚁花呗信息,最终转走你的资金。这种手法让人防不胜防。

查看详情

#反诈#提醒#登录

星巴克App拆礼盒呈现新款豆子仪式感满满
星巴克

视觉星巴克App拆礼盒呈现新款豆子仪式感满满

猎人 - EvelynM9.7

「星巴克」App 的新款豆子以礼盒形式呈现,点击拆开按钮后,礼盒彩带收起礼盒变为新豆子的海报,之后平滑过渡到新豆子的介绍页面。礼盒形式仪式感满满,交互动效自然丝滑。

查看详情

#动效#情感化设计#星巴克