# 沉浸版生成简报与素材对应

工具：内置 Image Gen。四张独立网页章节设计先于实现；生产图由对应章节图编辑提取为独立画面，没有裁剪网页截图作界面。

所有界面文字、导航、按钮、计数和菜单由 HTML/CSS/JavaScript 呈现。生产图移除网页文字、边框、导航、按钮和 UI，保留角色、环境、构图、光线和材质。原创人物保持银灰短发、东亚青年、透明紫色光学眼镜、石墨色机能服、荧光绿小面积细节的视觉识别。

## 四个章节设计简报

1. **hero.png / 1536×1024**：个人面试作品集的完整首屏。满屏电影感科幻人形近景，紫黑光线与少量荧光绿；错位叠加巨型粗白中文“想象。／生成。／归档。”。左上“黄进鸿 · AIGC 内容创作者”“从角色设定、分镜设计到生成与剪辑。”；左下“查看作品”，右下“向下探索”。固定 20px 屏幕外框、66px 左轨、54px 导航，世界／作品／关于／联系／简历。独立可实现的画面素材，原生文字和控件，禁止虚构客户与数据。
2. **world.png / 1536×1024**：同一视觉系统的整屏世界章节。紫色未来港口、巨型环桥、远方行星、琥珀色地平线、水面反射；白色巨字“归巢／协议”。左下自主概念项目类型、真实概念介绍和“查看创作过程”。保持固定外框和轨道；右侧轻量网格和轨道线稿，禁止假状态日志、假坐标。
3. **works.png / 1536×1024**：纸白创作档案。巨型黑字“创作档案”；左侧大幅切角港口场景，右侧错位切角人物肖像及“归巢协议”标题、类型和过程链接。下面为 AI 漫剧制作、视频描述与多模态评测两个真实工作经历案例的文字行。开放布局、细线和原生可展开内容，禁止普通卡片网格，禁止虚构成片、客户与指标。
4. **about-contact.png / 1536×1024**：同一系统的关于与联系。白底上半部，左侧“用画面表达，／用流程解决问题。”、不鸣文化和商汤科技的真实日期、角色及三个技能方向；右側切角原创人物。黑底下半部“下一部作品，／一起创造。”，荧光绿“邮件联系”、描边“查看简历”、真实邮箱。所有文字为原生界面内容，图像独立，保持上下章的留白、字重和切角规则。

## 生产图编辑简报

- **hero-v2.webp** ← `exec-e314c585-8eb6-48b6-afdb-255906a17ca3.png`：从首屏概念制作独立 1536×1024 电影感人物近景。移除全部文字、HUD、外框、按钮和 UI，保持相同人物、脸部位置、眼镜、头发、机能服、相机、镜头角度及紫黑光线。无字母、标志或水印。画面延伸到四边，可作全屏背景。
- **world-v2.webp** ← `exec-66f7b5de-4d94-44c6-9172-19751c63a56a.png`：从世界章节制作独立 1536×1024 未来港口全景。移除全部标题、导航、按钮、网格及 UI；保留巨型环桥、行星、建筑层次、紫色天空、琥珀色晨光和水面反射，无字母、标志或水印。
- **archive-v2.webp** ← `exec-bc545b97-e716-4e40-970c-6fd9518cd15b.png`：从档案章节制作独立横向环境作品图。未来港口中同一记录者背对镜头，保留人物尺度与构图、桥梁及晨光；去除图内手写说明、标题、导航和所有界面文字，画面干净完整，无标志水印。
- **portrait-v2.webp** ← `exec-30f8f617-9444-42b0-a2e7-7c709d05e10f.png`：从关于章节制作独立人物肖像。保持同一原创人物的脸、银灰发、透明紫色眼镜与机能服；中性浅灰未来建筑背景，清楚的材质和自然光线。移除全部标题、履历、按钮、框线及 UI，无字母、标志或水印。

实际生成原始尺寸由工具决定；WebP 仅用 Sharp 压缩编码，不使用代码改变画面语义。以上为生成简报留档，生成结果仍需人工查看及网页实测。图片属于 AI 协作视觉探索，未将它们描述为已完成短片或真实三维人物模型。