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

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

淘宝

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

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

细节描述

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

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

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

{{ moreBtnTxt }}

你可能还爱看

告别灰蒙蒙遮罩!这个App把功能介绍做成了「舞台表演」
⁠Into Wallet

引导设计告别灰蒙蒙遮罩!这个App把功能介绍做成了「舞台表演」

猎人 - 龙爪槐守望者9.0

如何让功能引导既能抓住用户注意力,又不会显得突兀和廉价?大部分App的功能引导确实存在这样的通病——要么是轮播图信息传达不够聚焦,要么用半透明蒙层盖住,只用箭头图标文字高亮需...

查看详情

#功能引导#情境式引导#格式塔

你的快递到哪儿了?淘宝大数据可视化追踪升级让你一目了然
淘宝

用户体验你的快递到哪儿了?淘宝大数据可视化追踪升级让你一目了然

猎人 - AmberDu小白9.0

在快递行业,当送货速度达到极限时,通过数据的实时追踪与可视化呈现让用户了解到一个包裹从下单到包装、出库、一级级转接运输的全过程,利于减少用户对快递行业的误解与不满情绪。因为提...

查看详情

#信任感#信息可视化#信息对称

B站愚人节策划太狠了,竟然敢拿首页推荐算法开玩笑!
Bilibili

节日营销活动设计B站愚人节策划太狠了,竟然敢拿首页推荐算法开玩笑!

猎人 - 龙爪槐守望者8.8

大多数平台的愚人节活动是换个 Logo、发个整蛊海报,热闹一天就过去了。B站这次的做法精妙得多——拿自己的核心产品逻辑(推荐算法)开刀,说要下线「猜你喜欢」算法,吓了不少人一...

查看详情

#信息流#信息茧房#彩蛋