# 转赞推荐：Bootstrap 组件实验室的「状态标签」展示，适合做条目状态 推荐一个很实用的展示方式，来自 [Bootstrap 组件实验室](https://bootstrap.wanxiangsucai.com)：同一组件在不同状态下的样子并排摆开，每个状态配一个颜色标签，不用读说明就知道哪个是正常、哪个是禁用。新游条目也能借这个做法。 ## 它好在「状态可一眼识别」 新游列表最常见的毛病是：一大段文字里藏着「预计」「已开测」「即将上线」，读者得逐句读才能分辨。状态标签反着来：把状态抽成一个短标签，颜色区分，文本扫一眼就知道。 | 纯文字描述 | 状态标签 | | --- | --- | | 埋在句子里 | 独立成标签 | | 每次写法不一 | 固定四种 | | 难以横向对比 | 一眼看全 | 第三条是列表页最需要的：十几条摆在一起，能一眼看出哪些已上线、哪些还在传闻。 ## 标签要克制 - **只四个状态**：传闻、官宣、可下载、已上线，不再细分。 - **颜色不多于三种**：可用一种、待定一种、传闻一种，再多的颜色反而分不清。 - **文字与颜色同时出现**：不能只靠颜色，色弱读者看不出区别。 第三条常被忽略。颜色是辅助，文字才是主体；两者都给，标签才能真正减少阅读成本。 ## 一点提醒 标签不是装饰，它的价值在于「固定含义」。同一个颜色今天表示已上线、明天表示热门，读者就会不再信任标签。状态一变就改标签，但含义不能改。 ## 小结 好示例的展示方式可以直接搬到列表页。状态抽成标签、颜色不超三种、文字始终保留，一张新游表就能从「逐句读」变成「扫一眼」。