第三版视觉体系 · 2025 年起使用
百老汇牛牛CN：把桌面入口做成一件长期维护的事
第一次打开一个入口站，最怕的是每一回都要重新找一遍。百老汇牛牛CN 从 2021 年起就围绕这件事反复调整：把每天要点开的位置固定在左侧，把段位说明挪到第二栏，把分类标签压成一眼能扫完的票根墙。电脑端用户选择百老汇牛牛，多半是因为第一趟就把路走通了，之后不必再绕。
- 维护小组 4 个 · 共 8 人
- 常用入口 固定 8 个位置
- 分类与标签 6 类 / 28 个标签
- 改版次数 2021 · 2023 · 2025
01 / 缘起
从一个单页入口，到每天都要用的工作台
很多人的动作是固定的：开电脑，点开收藏夹里那一格，直接进自己常去的分类。早年这个动作并不顺，入口散在不同位置，规则说明和入口清单挤在同一页，找一个条款要往下翻很久。
第一轮调整时我们把问题拆成两半：常来的人需要更短的路径，第一次来的人需要更清楚的第一步。首页左侧因此固定保留 8 个常用入口，覆盖每日访问频次最高的内容分类；升段位说明移到第二栏，并留了固定锚点。做完这两件事，日常访问基本不用再找。
桌面端是这个站的主场。办公电脑上浏览器常年开着十几个标签的人，最在意位置别乱动、字看得清、点下去就进得去。所以版面按桌面分辨率排，面板留出足够的点击面积，分区和序号用等宽字体与铜金细线标出来，扫一眼能定位。
两条路径的分工
- 第一次来：确认设备 → 选择分类标签 → 进入常用入口 → 收藏桌面快捷方式，共 4 步。
- 固定玩法：锁定常用入口后，从桌面快捷方式进来，两步直达自己常用的分类。
02 / 团队
八个人守着四个窗口，各管一段
内容编辑、规则校对、前端维护、客户服务，四个小组共 8 人。分工不是为了听起来整齐，而是因为入口清单、段位表述和页面显示这三件事的修改节奏不一样，混在一起做容易出错。
内容编辑组 · 管说法
- 负责栏目文字、标签释义和新入口上线的说明。
- 每周过一遍入口清单，把描述过时或指向不清的条目挑出来。
- 与校对组统一用词，避免同一个功能出现两种叫法。
规则校对组 · 管条款
- 12 个段位分成 4 个大段、每段 3 个，表述由这一组统一。
- 晋级条件按对局完成度、规则测验、活跃周期三项综合计算，改动前先写影响说明。
- 规则条目有变更时，同步在更新日志里标注影响范围。
前端维护组 · 管显示
- 分辨率从 1366×768 到 2560×1440 逐档检查，保证面板不挤、文字不糊。
- 适配 Chrome、Edge、Firefox 近两年版本。
- 键盘焦点、对比度与打印样式一起过，切角面板不会挡住可点区域。
客户服务组 · 管反馈
- 工作日 9:00-18:00 回复邮箱与电话咨询。
- 帮助中心留言板接收问题截图与版本号，方便定位到具体入口。
- 每周把重复出现的问题汇总给编辑组，进入下一版调整清单。
03 / 改版
三度改版，路径越改越短
-
2021
第一版：全部内容收在一页里
简单直接，滚到底就能看全。问题也明显：找一条段位说明要翻很久，常来的人每天重复同样的滚动。
-
2023
第二版：拆出分类标签与常用入口
6 个一级分类、28 个二级标签成形，左侧固定 8 个常用入口。固定玩法的人从入口进，不必再看全站。
-
2025
第三版：规则进第二栏，视觉换成票根体系
升段位说明落在日常访问页第二栏并留固定锚点；深墨绿、暖铜金与切角票根的版面沿用至今，编号与分区比之前更好找。
2024 年，站点获得桌面工具内容站易用入口设计提名。
04 / 设计与编排
标签分四组，入口只留八个
28 个二级标签按玩法、规则、设备、更新四组摆放，是为了让扫视时互不干扰。找人问问题时，说“规则组里第几个”比描述一整句话快得多。
玩法组
按常见玩法归类，每个二级标签指向一个具体入口，减少在首页来回试探。
规则组
段位划分、晋级条件、常见判定集中在这里，查条款不用跳过入口清单。
设备组
分辨率、浏览器版本、桌面快捷方式等与机器有关的问题，单独成组。
更新组
版本记录、入口调整、维护公告归在一起，想确认最近改了什么直接看这组。
八个固定位置怎么来的
- 按日均访问频次排序，长期占据前八的分类才会留在左侧。
- 常驻栏目要挪位置，会提前一期在更新日志里说明。
- 老用户可开启「锁定常用入口」，减少每次访问的寻找步骤。
- 最近访问记录保存在浏览器本地，换机器不会跟着走。
05 / 更新节奏
两周一版，改过的地方都留痕
站点每两周发布一次版本更新。规则条目有变动时，同步标注影响范围，让已经熟悉旧说法的人知道哪一句变了、要不要重新看。每个季度还会做一次入口可用性巡检，逐条点开确认落点，结果记在更新日志的维护分类里。
当前内容版本为 v3.6，更新日志已发布到第 40 期。一次改版通常走五步：客服汇总问题、编辑起草文字、校对核定条款、前端上线检查、下一期回看效果。
06 / 使用场景
谁在用，用在哪台电脑上
访问以办公电脑和家用桌面为主。适配范围从 1366×768 到 2560×1440，支持 Chrome、Edge、Firefox 近两年版本；老机器上窄屏也不会出现横向滚动条。
办公桌面
浏览器标签多、屏幕切来切去，最需要的是位置稳定和字距清楚，点开就走。
家用电脑
下班回来开一次，常用入口和最近访问记录能省掉重新翻找的几分钟。
固定玩法的老用户
锁定常用入口后，从桌面快捷方式两步进入，不必再经过首页。
第一次来的新手
四步走完就能收藏好，遇到显示或入口问题可以到答疑中心对照处理。
07 / 接下来
下一步去哪儿
想装到本机，先去下载页挑标准版还是精简版；想确认最近改了什么，更新日志按类别标好了；碰到入口找不到或页面显示不对，答疑中心按四类归档了常见情况。邮件、电话与通讯地址在联络窗口一并列出，工作日 9:00-18:00 有人回复。