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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

航旅纵横APP上线趣味性和社交属性拉满的飞行状态
航旅纵横

好功能航旅纵横APP上线趣味性和社交属性拉满的飞行状态

猎人 - AmberDu小白9.4

「航旅纵横」在上周更新版本 iOS 7.5.7,新增趣味性和社交属性拉满的「飞行状态」功能。购票后值机选座时,可选择符合自己性格或飞行目的的「飞行状态」,比如「旅行」「出差」...

查看详情

#互动#人性化#好功能

淘宝是如何在确认收货时,引导用户处理历史订单的?
淘宝

用户体验淘宝是如何在确认收货时,引导用户处理历史订单的?

猎人 - 卷卷墩儿浪里个浪9.2

用户在「淘宝」确认收货时,如果还有其他待确认订单,系统会通过确认弹窗提示「还有X个订单已签收,可批量确认收货」,弹窗除了已选商品,也支持多选其他订单一起确认。在用户确认收货时...

查看详情

#信息呈现#好功能#易用性

A/B测试过时了?饿了么如何玩转双入口同步触达
淘宝闪购(饿了么)

提升转化A/B测试过时了?饿了么如何玩转双入口同步触达

猎人 - 龙爪槐守望者6.7

你有没有在使用饿了么时碰到过这种事?在首页信息流里,点开两个不同的条目,结果却跳到同一家店铺页面。是不是觉得有点像BUG?

查看详情

#信息流#列表#详情页