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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

支付宝端午特别设计:为什么弧形Banner会比直角更具吸引力?
支付宝

沉浸式设计支付宝端午特别设计:为什么弧形Banner会比直角更具吸引力?

猎人 - 龙爪槐守望者9.0

支付宝首页的端午主题 Banner 采用清新蓝色为底色,与上方快捷功能区完全统一,通过色彩延续自然消除了模块边界,形成了统一的视觉整体。其弧形底部边缘(区别于传统矩形直角)进...

查看详情

#banner#沉浸式设计#视觉设计

淘宝APP升级,容量上限提升至300了?
淘宝

用户体验淘宝APP升级,容量上限提升至300了?

猎人 - AmberDu小白8.0

最近的「淘宝」APP版本更新,提升了购物车的容量,从之前的可容纳120个宝贝增加到容量上限变为300了。此外,「购物车分组」「购物车排序」「购物车优惠筛选」等功能也同步上线,...

查看详情

#好功能#易用性#淘宝

这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」
Operate

信息可视化这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」

猎人 - 龙爪槐守望者9.0

Operate 是一款专为创始人设计的 CRM 工具,别的先不说,网站设计非常酷!整个页面背景是绿色的网格,像一张精密的蓝图或者老式电脑的显示界面,科技感和复古感并存。最吸引...

查看详情

#信息可视化#动效#情感化设计