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

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

京东

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

Google涂鸦:那个陪你长大,为你遮风避雨的人
Google

设计彩蛋Google涂鸦:那个陪你长大,为你遮风避雨的人

猎人 - AmberDu小白0.0

每年的五月第二个星期日是一年一度的母亲节,今年Google的母亲节涂鸦是非常可爱的鸭妈妈带小鸭子的动效。点击涂鸦上的三个按钮可解锁鸭妈妈与小鸭子互动的各种小动画:无论是鸭妈妈...

查看详情

#Google#动效#微交互

京东「快速清理」的信息呈现好在哪里?
京东

好功能京东「快速清理」的信息呈现好在哪里?

猎人 - 404NTFounD8.5

又到一年618购物节,你的购物车又被加满了吗?「京东」App的购物车快速清理功能在购物车页面的右上角,点击编辑即可触发。进入「快速清理」模式,系统会根据商品有无货和时间的维度...

查看详情

#京东#信息呈现#好功能

「饿了么」是如何将广告入口设计得生动有趣的?
饿了么

用户体验「饿了么」是如何将广告入口设计得生动有趣的?

猎人 - 龙爪槐守望者7.4

「饿了么」点餐后的骑手配送页面,会有抽红包的广告出现。虽然只是个广告入口的引导,却被设计成了类似玩《绝地求生》时捡空投箱子的效果,生动有趣,用户的注意力马上就被吸引了。

查看详情

#动效#广告#惊喜