论坛模板改造的落地方法

模板改造最容易犯的错误，是先改颜色再改结构。视觉调整见效快，但结构没理顺时，样式改得越多返工越多。合理的顺序是：先定信息层级，再定布局骨架，最后才是色彩与细节。

【改造前先做页面清单与层级梳理】
把社区涉及的全部页面列出来：首页、板块列表、主题列表、内容详情、发帖页、个人主页、搜索页、通知页、管理后台入口页。为每个页面标注三类信息：必须第一眼看到的内容、次要内容、可折叠内容。这一步的产出是信息层级表，而不是设计稿。层级确定后，再决定哪些模块用卡片、哪些用列表、哪些用标签切换。很多模板显得杂乱，根源不是配色，而是每个页面都想把所有入口摆出来。

【布局骨架的三个约束】
第一，栅格约束：确定一套固定的栏宽组合，例如主内容加侧栏的两栏结构，避免每个页面各自定义宽度。第二，断点约束：明确在窄屏下侧栏如何收纳，是折叠到顶部还是移到底部，统一规则后逐页套用。第三，组件约束：按钮、标签、头像、徽章、分页这些高频元素只保留一套样式定义，页面里不再写例外。三条约束落地后，模板的可维护性会明显提升，后续换肤只需替换变量。

【样式落地的步骤与验收】
第一步，建立样式变量表，把主色、辅色、文字层级色、边框色、圆角、间距、字号全部变量化，页面中不出现硬编码色值。第二步，按页面清单逐页替换，每完成一页就在真实数据下检查：长标题是否截断合理、无头像用户是否显示占位、空列表是否有引导、超长内容是否撑破布局。第三步，做交互态检查，包括悬停、聚焦、禁用、加载中、错误提示五种状态，模板改造中最容易被忽略的就是这些瞬间状态。第四步，做跨端检查，在常见宽度下确认没有横向滚动和遮挡。验收标准写成清单，逐项打勾，而不是凭感觉判断“差不多”。

【常见坑与维护建议】
常见坑有三个：一是直接改原模板文件，升级时全部丢失，应使用子模板或覆盖机制；二是把业务逻辑写进模板，导致后续改版牵一发动全身；三是过度使用图标字体和背景图，拖慢首屏。维护上建议保留一份变更记录，写明每次改动涉及的页面和文件；样式变量表单独存档，换季活动只改变量不动结构；每季度做一次模板体检，清理不再使用的样式规则。模板是社区的脸面，也是长期资产，按工程方式管理，比按美术方式管理更耐用。