# 02｜网站信息架构

> 这是页面规划，不是现有素材目录。`02 项目/` 中的编号仅方便找素材，不代表网站排序。

## 导航草案

| 页面 | 页面任务 | 快速浏览时要看到 | 深入入口 |
| --- | --- | --- | --- |
| 首页 Home | 建立人物印象，并引导到最能代表本人的内容 | 姓名、简短定位、代表项目预览、清晰导航 | 精选案例、关于、简历 |
| 工作 Work | 展示真实工作与商业项目 | 项目名、类别、本人角色、一个看点或成果 | 单个案例 |
| AI Practice | 展示 AI 作为创作或工作方法的实践 | 作品/工具是什么、本人做了什么、最终呈现 | 作品详情或方法说明 |
| 影像 Films | 放原创或影像作品 | 作品名称、画面、简短角色说明 | 影片或作品页 |
| 关于 About | 把项目串回个人经历 | 简洁介绍、能力线索、经历摘要 | 简历、联系方式 |
| 案例详情 Case | 让愿意深看的人理解真实贡献 | 项目一句话、本人角色、关键图像 | 问题、过程、结果、相关项目 |

栏目名称为工作稿，最终英文命名、中文对照与是否合并 AI/Films 栏目待确认。

## 推荐浏览路径

```text
首页 → 精选项目 → 案例详情 → 其他项目
   ├→ AI Practice
   ├→ Films
   └→ About → 简历 / 联系方式
```

首页应同时支持两类人：快速扫一眼的人直接看到项目与入口；愿意继续看的人能沿着案例深读。不要要求访问者先理解一套复杂的“文件系统”操作才能浏览。

## 各页面的内容边界

### 首页

- 首屏：姓名、简洁的身份表述、视觉焦点和直接可见的导航。
- 精选内容：少量能互补的项目，而非把 10 个文件夹全部摆上首屏。
- 能力线索：用项目与证据提示“判断、推进、学习迁移”，不要堆技能词。
- 行动入口：查看全部项目、关于、简历或联系。

### Work

- 按“能证明的能力、完成状态、视觉质量和公开许可”筛选与排序。
- 项目列表可分重点案例与轻量展示；不是每个项目都需要同样长的详情页。
- 单张项目卡至少说明名称、项目类型、本人角色；具体字段缺失时标为待补，不编造。

### AI Practice

- 分清 AI 作品、AI 工作流和 AI 产品/工具；三者不能都写成“AI 项目”。
- 只展示已实际完成或能清晰演示的内容。想法与探索可作为过程说明，但须明确标注。

### Films

- 适合较强视觉呈现。影片是否可嵌入、是否能公开、本人角色和版权状态需逐项确认。
- 视频使用海报/静帧预览，点击后再加载播放内容。

### About

- 用短段落串起跨影视、商业内容与 AI 的能力迁移。
- 简历 PDF 可作为深入阅读入口；教育、经历、奖项、联系方式需要从用户确认资料中提取，当前文档不代写事实。

### 案例详情

建议顺序：一句话概述 → 本人角色与团队边界 → 背景/问题 → 关键判断与行动 → 过程证据 → 结果/产出 → 反思（可选）。若缺乏事实或素材，可以缩短为“项目展示页”，不硬写完整案例。

## 第一轮设计与开发建议

先从首页、Work 列表和**一个已完成且证据充足的重点案例**建立样板，再复用到其他内容。当前对话中《言外之易》、抖音美妆和珀莱雅被提作候选，不代表展示顺序已定；最终样板项目由素材可公开性、事实完整度与用户偏好决定。TME 如仍处于策划阶段，应单独标记，不作为已交付案例呈现。

## 与素材目录的关系

现有素材路径保持原样。正式开发时可在内容数据中给每个展示项目建立 `slug`、标题、栏目、排序、素材路径等映射。修改网页排序只改映射，不改素材文件夹名。可用的派生图另放在网站的公开资源目录，不覆盖原素材。