# 塑造阅读体验

> 把稳固的内容结构变成一份可辨识、响应式且双语对齐的出版物。

---

LLMS 索引： [llms.txt](/zh/llms.txt)

---

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

## 建立视觉层级 {#hierarchy}

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

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

## 编排首页 {#home}

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

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

## 保持导航可预期 {#navigation}

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

## 同时设计两种语言 {#languages}

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

在完整演练落地前，请参考[品牌与外观](/zh/docs/customize/brand/)、
[首页与落地页](/zh/docs/customize/home/)与[多语言](/zh/docs/customize/i18n/)。