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

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

淘宝闪购(饿了么)

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

蜗牛读书:电子书也有包书皮的仪式感
蜗牛读书

设计逻辑蜗牛读书:电子书也有包书皮的仪式感

猎人 - AmberDu小白9.0

很多爱书之人都有包书皮的习惯,「蜗牛读书」为电子书的阅读与管理也提供了同样具有仪式感的包书皮体验。在「我的书桌」页面,点击右上角的「整理」按钮,会呼出「包书皮」的选项界面。为...

查看详情

#仪式感#微交互#情怀

饿了么登录小技巧:如何避免勾选协议的烦恼?
淘宝闪购(饿了么)

微交互饿了么登录小技巧:如何避免勾选协议的烦恼?

猎人 - 龙爪槐守望者9.7

根据国家规定,用户注册登录时必须同意协议。然而,常见的做法是让用户勾选同意框,但他们往往习惯性地直接点击「下一步」按钮,结果导致报错信息出现,体验不够顺畅。饿了么在这一点上进...

查看详情

#二次确认#同意协议#复选框

如何让标签既醒目又不突兀?Airbnb的视觉动效设计揭秘!
Airbnb

动效如何让标签既醒目又不突兀?Airbnb的视觉动效设计揭秘!

猎人 - Crystal雨婕9.3

Airbnb的抢手标签细节设计让人耳目一新。与常见的鲜艳颜色和复杂样式不同,Airbnb采用了独特的视觉动效来突出房源的抢手标签。当用户进入页面时,动效的呈现引导了注意力,随...

查看详情

#Tag#动效#标签