从业务目标倒推信息架构
信息架构（IA）不是把内容分门别类，而是决定访客按什么顺序获得信息。因此起点不是“我们有什么内容”，而是“访客来这里要完成什么”。
企业官网的访客通常带着几类意图：了解你们是谁、判断你们能解决什么问题、评估是否值得联系。对应的内容优先级是：
- 价值主张：一句话说明做什么、为谁做、有什么不同；
- 能力证明：服务/产品条目、技术与方法论、可验证的成果形式；
- 信任建立：团队、案例的呈现方式（注意公开信息边界）、合作流程；
- 转化入口：联系与咨询路径，需在任何页面可达。
把意图排成序，导航结构自然浮现：一级导航对应意图，二级导航对应意图下的分支。导航项之间应是并列关系，而不是包含关系——把“服务”和“服务中的某一项”放在同一级，是常见的结构错误。
内容优先级与导航设计
确定优先级后，需要把它落到层级深度与入口密度上：
- 层级不超过三级：常规官网内容量下，超过三级后到达率会明显下降；
- 重要内容就近可达：核心转化入口不应只出现在页脚；
- 导航名称用用户语言：用“能解决什么问题”的说法，而不是内部部门或产品代号；
- 首页承载分流而非堆料：首页的职责是让访客快速判断“我该去哪一页”，而不是把所有内容都铺上去。
视觉规范如何落地到组件层
视觉规范脱离组件就没有约束力。要让规范真正生效，至少要把以下内容沉淀为可复用的资产：
| 规范项 | 落地形式 |
|---|---|
| 颜色 | 定义为主题变量（主色、辅助色、语义色），页面不写死色值 |
| 字号与行高 | 定义排版层级（标题/正文/辅助文字），避免逐页手调 |
| 间距 | 采用统一的间距刻度，保证页面节奏一致 |
| 组件 | 按钮、卡片、表单控件做成可复用组件，含各状态样式 |
关键在语义化命名：把变量命名为“主色”“危险色”“正文色”，而不是“蓝色”“红色”。这样后续整体换肤只需改变量值，不必逐页查找替换。
典型误区
- 先做首页视觉稿，再考虑内容结构：导致结构迁就排版，新增内容时难以扩展；
- 导航按内部组织架构划分：访客不理解公司内部如何分工；
- 视觉规范只交付设计稿，不交付变量与组件：开发只能凭肉眼对数值，规范很快失效；
- 过度追求动效：动效服务于信息层级时才有效，为动而动会拖慢首屏并分散注意力。
小结
信息架构解决“找得到”，视觉规范解决“维护得住”。前者从访客意图倒推，后者以主题变量与组件为载体落地。两者都做扎实，官网才能在内容持续增长的条件下保持结构清晰、风格统一。