标签页只用于分组,不能用来做翻页

2026年5月21日
研学小组
研学小组
美叶研学官方内容开发小组
已累计原创 93 篇文章查看全部

设计对与错,小编帮你来剖析,这是我们对与错栏目的第 3 期,请看下方的设计案例

这是来自谷歌 M3 的一个案例,用来对比控件使用是否规范。它把同一个组件放在不同场景里,展示了正确与错误的边界。下面就以这个例子为切口,深入拆解一下,为什么标签页在不同使用场合下会有不同的禁忌,以及这些禁忌背后真正要遵守的设计逻辑。


1 为什么错误方案不当

这个案例的问题,核心不是标签页做得好不好看,而是它被用在了不适合的内容类型上。右侧错误示例把标签页当成章节或翻页工具,用来承载必须按顺序阅读的内容。这样做会在阅读连续性、内容结构表达、交互预期三个层面制造阻力。

Pro 会员文章
开通美叶 Pro 会员,即可阅读此篇文章的全部内容,同时可阅读全站 Pro 会员文章
开通美叶 Pro

0 人收藏了本文

A 和 B 两个设计方案哪一个合理?A 和 B 两个设计方案哪一个合理?
用按钮,还是选开关?用按钮,还是选开关?
错误提示的本职工作是带路错误提示的本职工作是带路