微交互淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间

产品: 淘宝闪购(饿了么)猎人: 龙爪槐守望者观众: 7.3k人 时间: 2025-12-08

淘宝闪购(饿了么)

与「淘宝闪购(饿了么)」有关的细节还有 44查看全部

我也有新发现 我要投稿
淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间

细节描述

龙爪槐守望者: 在淘宝闪购的底部导航栏设计中,我们能观察到一个明显反常规的布局决策。传统的舵式导航通常将最核心的功能按钮放置在Tab栏的正中间位置,并设计成圆形凸起样式,如闲鱼的发布按钮等。但淘宝闪购却打破了这一惯例,将第二个Tab——「爆红包」功能设计成了圆形样式。 设计团队为这个Tab加入了持续的动态效果——红包图标会周期性地跳动,就像一个不断在向用户招手的促销员。这种动效设计在静态的导航栏中格外醒目,几乎很难被用户忽略。 对于淘宝而言,这是典型的流量倾斜策略。利用视觉突兀感,强行将用户注意力引导至爆红包活动,极大地提升了该业务线的曝光率和转化率。

9.521人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

麦当劳这款取餐码设计是如何消除顾客焦虑的?
麦当劳

信息呈现麦当劳这款取餐码设计是如何消除顾客焦虑的?

猎人 - 龙爪槐守望者9.2

在麦当劳下单后,顾客需要提供取餐码才能领取餐点。然而在排队等候时,人们容易忘记或难以找到取餐码,造成不必要的延误。麦当劳在订单页面做出了巧妙的设计。

查看详情

#动效#标题栏#滚动

「饿了么」蓝骑士主页头顶竹蜻蜓的隐藏互动彩蛋
淘宝闪购(饿了么)

设计彩蛋「饿了么」蓝骑士主页头顶竹蜻蜓的隐藏互动彩蛋

猎人 - AmberDu小白9.0

在「饿了么」送餐骑手的个人主页,点击蓝骑士的卡通头像,头顶的竹蜻蜓会出现转动的小动效。这里的微交互设计和之前写过的「小宇宙」App主页的logo动效相似,都是非功能性的交互彩...

查看详情

#互动#动效#微交互

「好好住」用特殊的交互动画,凸显优质用户身份
好好住

微交互「好好住」用特殊的交互动画,凸显优质用户身份

猎人 - AmberDu小白0.0

「好好住」是中国首个家居分享社交平台。在这里,你可以在线分享你的家居布局和设计,也可以浏览别人的家居分享了解更多家居布局与装修装饰设计。当查看的分享内容作者为优质用户,拥有一...

查看详情

#好好住#家居#微交互