4 塑造阅读体验

设计应该在内容树已经可用之后开始。本章将把品牌、首页编排、导航、排版、页面宽度与语言行为 连成一套可评审的系统。

建立视觉层级

先处理标题、导语、正文、层级标题与局部导航。在加入色彩或装饰前，读者就应该明白下一个动作由哪个区域承接。 OINK 提供层级，站点变量提供身份。

完整演练将替换站点名、标识、字标、favicon、强调色与字体，同时确保深浅两种颜色模式都清晰可读。

编排首页

首页是数据，而不是一份一次性模板。YAML 分区注册表应该讲述一个简短故事：项目是什么、服务谁、 读者下一步能做什么，以及在哪里可以看到主题的真实使用案例。

本节的完整版会从双语 data/home 文件中组装 Hero、组件矩阵、Case 画廊与最终行动入口。

保持导航可预期

顶部菜单、外壳根切换器、侧栏、页内大纲与翻页器各自回答不同问题。在桌面端与移动端同时评审它们， 并确保两种语言显示同一套内容顺序。

同时设计两种语言

译文是对等页面，不是最后的收尾步骤。在把面向读者的文字译成自然中文时，保持路由语义、显式标题 ID、 菜单顺序、图片与功能参数不变。

在完整演练落地前，请参考品牌与外观、 首页与落地页与多语言。