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

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

淘宝

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

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

细节描述

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

8.738人评分
收藏 3
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

表单按钮放右上角还是底部?小红书提出双赢方案
小红书

微交互表单按钮放右上角还是底部?小红书提出双赢方案

猎人 - 龙爪槐守望者8.6

在移动端表单设计中,按钮位置一直是个热议话题。右上角放置虽能节省空间,避免软键盘遮挡,却可能因不够显眼而被用户忽略。而底部放置则易于点击,却占用了宝贵的空间。

查看详情

#可见性#提交按钮#操作效率

「手机淘宝」新改版商品颜色图显示,让买买买更高效
淘宝

信息呈现「手机淘宝」新改版商品颜色图显示,让买买买更高效

猎人 - 桃子0.0

「淘宝」App在下单选择商品颜色时,新改版了较大的展示图并配有缩放icon,有利于引导用户直接查看商品颜色图,不用在冗余的商品详情内一直下拉。之前旧版是需要选择颜色后等主图自...

查看详情

#信息呈现#易用性#淘宝

我在夸克找网盘,竟然被这个「视觉黑洞」坑了3分钟
夸克

设计避雷我在夸克找网盘,竟然被这个「视觉黑洞」坑了3分钟

猎人 - 龙爪槐守望者5.3

我刚刚从朋友那要到夸克网盘分享的电影,下载电脑版的Quark浏览器,眼睛快速扫过页面寻找网盘入口。按照多年养成的F型阅读习惯,我视线应该先扫过左上角,然后横向移动到右侧,最后...

查看详情

#古腾堡图表#格式塔#用户任务