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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

美团靠这1个细节,就让快送商家曝光翻倍
美团外卖

动效设计美团靠这1个细节,就让快送商家曝光翻倍

猎人 - 智行ZXD设计中心9.5

每当饿得前胸贴后背时,我们打开外卖App的第一反应就是扫描配送时间。那些标着「30分钟、45分钟」的数字,直接决定了我们是选择这家店还是继续往下滑。但问题来了,密密麻麻的商品...

查看详情

#列表#动效#标签

京东搜索页加个天气预报,转化率竟然提升了?
京东

情境感知设计京东搜索页加个天气预报,转化率竟然提升了?

猎人 - 龙爪槐守望者9.5

当你在电商APP里搜索商品时,通常只期待看到商品列表,对吧?但在这个案例里,搜索框旁边却莫名其妙出现了一行天气预报。我在京东搜索框输入了关键词「保暖内衣」。

查看详情

#助推理论#天气#情境感知设计

bilibili带着晨光和美味,和你说早安~
Bilibili

设计彩蛋bilibili带着晨光和美味,和你说早安~

猎人 - AmberDu小白9.6

bilibili首部自制的早餐纪录片「第一餐」于9月上线,聚焦全国各地独特的早餐文化,以诙谐风趣的讲述方式展现属于中国的晨起之味。纪录片在视频播放界面的进度条图标上也花了小心...

查看详情

#Bilibili#图标#情感化设计