企业主题入门：视觉规范与页面组装方法

企业风格的主题，难点不在做得好看，而在多个页面之间保持一致，并且换内容时不走样。很多主题第一版很整齐，加到第五个页面就开始各自为政：标题字号不一、按钮圆角不同、留白节奏混乱。解决办法是把视觉决策前置成规范，再让页面从规范里组装。

主题由哪些层构成

一套企业主题通常分四层：基础层定义色彩、字体、间距、圆角、阴影等原子变量；组件层由原子变量组合出按钮、卡片、导航、表格、表单；区块层把组件拼成首屏、优势说明、案例展示、联系方式等常用区块；页面层按业务需要排列区块。分层的好处是改一处影响一片：调整主色只需改基础层，所有组件自动跟随。判断主题质量，看基础层变量是否齐全、组件是否只引用变量而不写死数值。

视觉规范的落地要点

色彩上，主色用于强调与行动引导，中性色承担大部分界面，语义色单独定义且不与主色混用；同一页面强调色出现次数要克制，否则重点消失。字体上，建立三到四级的字号阶梯，标题与正文的对比要明显，行高随字号增大而收紧。间距上，用一套固定步长（如四的倍数）构成节奏，区块之间用大间距，元素之间用小间距，避免随手写数值。圆角与阴影统一取值，不要每个卡片都略有不同。把这些写成规范文档，比口头约定可靠。

页面组装方法

组装页面时先画区块顺序，再选组件，最后填内容。首屏承担定位说明，信息要少而准；优势区块用并列结构，条目数量控制在三到五条；案例区块注意图文比例一致，避免一张图高一张图矮；表单区块要明确必填与提示位置。每个区块的上下留白由主题统一控制，页面作者不单独调。内容长度差异大时，用最小高度与截断规则保证版式稳定，而不是让内容撑破布局。

多页面复用与维护

复用靠两件事：区块模板化与内容与样式分离。把常用区块做成可复用单元，页面只负责选择与排序；文案、图片、链接通过配置注入，不写进样式文件。新增页面时优先找现成区块组合，确实没有才新建，新建后回填到区块库。维护上，指定主题负责人，任何基础层改动需评估影响范围并做回归检查；版本变更记录写清楚改了哪个变量、影响哪些组件。

常见问题与注意事项

一是深色背景下对比度不足，需单独校验文字与背景的明度差；二是响应式下区块间距坍塌，需在断点处重新定义间距而非沿用桌面值；三是图标风格混杂，应统一线条粗细与圆角风格；四是主题升级覆盖了业务自定义样式，因此业务改动应放在扩展层而非直接改源文件。最后提醒：规范不是为了限制设计，而是把重复决策省下来，把精力留给真正需要差异化的地方。