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

产品: 京东猎人: 龙爪槐守望者 时间: 9小时前

京东

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

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

细节描述

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

8.815人评分
收藏 4
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

优设评论竟然偷偷变了个样!你注意到了吗?👀✨
优设

动效设计优设评论竟然偷偷变了个样!你注意到了吗?👀✨

猎人 - 龙爪槐守望者9.8

普通的点赞功能虽然简单直接,但久而久之显得单调乏味,难以激发用户的持续兴趣与参与度。优设推出了一个创新的互动方式:当用户给评论点赞时,会随机触发动效,并显示不同的祝福语,如「...

查看详情

#动效#图标#彩蛋

「京东」剁手,狂欢不止
京东

用户体验「京东」剁手,狂欢不止

猎人 - 戢戢0.0

「京东」为了应对双11这种特殊的节日,在首页顶部增加了一个日历icon,用户点开后可以预览平台每天重点打折的类目。如果不想错过价廉物美的心仪商品,可对其设置提醒。对于「京东」...

查看详情

#京东#情境预判#提示

滴答清单新版上线清单emoji图标搜索
滴答清单

好功能滴答清单新版上线清单emoji图标搜索

猎人 - AmberDu小白9.2

如果你有将emoji表情与文字相结合的输入习惯,那「滴答清单」App新上线的功能——支持清单emoji图标搜索,一定会让你事半功倍。直接在搜索框里输入任务清单标题包含的emo...

查看详情

#emoji#图标#好功能