设计改版为什么淘宝要给Tab加个橙色背景?

产品: 淘宝猎人: 龙爪槐守望者观众: 1.3w人 时间: 2025-10-19

淘宝

与「淘宝」有关的细节还有 142查看全部

我也有新发现 我要投稿
为什么淘宝要给Tab加个橙色背景?为什么淘宝要给Tab加个橙色背景?

细节描述

龙爪槐守望者: 你可能每天都在用淘宝,但大概率没注意到,它首页顶部的Tab导航栏,已经悄悄变脸了。 淘宝之前版本Tab采用了相对平淡的视觉样式,选中状态的标识不够醒目,各个标签之间的层次感较弱。而新版设计做了3个关键调整: 第一,选中状态的视觉强化。新版Tab在选中时,采用了橙色高亮背景搭配白色文字的方案,形成了强烈的色彩对比。对比旧版只是简单的文字颜色变化,新版的视觉冲击力明显更强。 第二,未选中状态的层次优化。新版将未选中的Tab标签保持在浅色背景上,文字使用较深的灰色,与选中状态拉开了清晰的视觉距离。这种处理让用户可以快速区分"当前位置"和"可去位置"。 第三,整体布局的紧凑性提升。新版Tab的间距和尺寸经过了精心调整,既保证了可点击区域的舒适性,又让整个导航栏看起来更加整洁有序,减少了视觉干扰。

8.745人评分
收藏 5
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

为什么高德把优惠券藏进输入框反而更醒目?
高德地图

视觉层级为什么高德把优惠券藏进输入框反而更醒目?

猎人 - 龙爪槐守望者9.6

优惠券不是应该越显眼越好吗?为什么高德地图偏偏要把它「藏」进输入框里,反而效果更好?当用户进入打车流程后,用户的视觉焦点自然会落在「你要去哪儿」这个目的地输入框上,因为这是他...

查看详情

#优惠券#可供性#心流

你有发现「淘宝」最近「分享」界面的小变化么?
淘宝

用户体验你有发现「淘宝」最近「分享」界面的小变化么?

猎人 - AmberDu小白0.0

分享商品链接是我们在「淘宝」常常使用的功能。最近发现在分享链接的浮层界面,除了通用的分享至「微信」「微博」或「支付宝」以及「链接复制」,还多出了常用分享人的图标和入口。基于对...

查看详情

#人性化#快捷操作#情境预判

高德地图的新Tab设计:如何让你的公交地铁选择更加直观?
高德地图

信息呈现高德地图的新Tab设计:如何让你的公交地铁选择更加直观?

猎人 - 龙爪槐守望者6.8

在日常出行中,我们常常需要根据不同的公交和地铁路线来选择最合适的出行方式。而路线的时间消耗是我们做出选择时的重要参考指标。老版本的高德地图版本在公交地铁导航中展示路线时存在一...

查看详情

#Tab#地图#导航