转赞推荐：Bootstrap 组件实验室的「状态标签」展示，适合做条目状态

推荐一个很实用的展示方式，来自 Bootstrap 组件实验室：同一组件在不同状态下的样子并排摆开，每个状态配一个颜色标签，不用读说明就知道哪个是正常、哪个是禁用。新游条目也能借这个做法。

它好在「状态可一眼识别」

新游列表最常见的毛病是：一大段文字里藏着「预计」「已开测」「即将上线」，读者得逐句读才能分辨。状态标签反着来：把状态抽成一个短标签，颜色区分，文本扫一眼就知道。

第三条是列表页最需要的：十几条摆在一起，能一眼看出哪些已上线、哪些还在传闻。

标签要克制

• 只四个状态：传闻、官宣、可下载、已上线，不再细分。
• 颜色不多于三种：可用一种、待定一种、传闻一种，再多的颜色反而分不清。
• 文字与颜色同时出现：不能只靠颜色，色弱读者看不出区别。

第三条常被忽略。颜色是辅助，文字才是主体；两者都给，标签才能真正减少阅读成本。

一点提醒

标签不是装饰，它的价值在于「固定含义」。同一个颜色今天表示已上线、明天表示热门，读者就会不再信任标签。状态一变就改标签，但含义不能改。

小结

好示例的展示方式可以直接搬到列表页。状态抽成标签、颜色不超三种、文字始终保留，一张新游表就能从「逐句读」变成「扫一眼」。