张誉聪 用 AI 工具组合搭建跨媒介个人作品集
背景和目标
设计专业学生张誉聪（Albert Lush）在公开招聘中希望展示服装设计、非遗文创、AI 视觉工作流和 PPT 商业表达四个方向的能力。其原有问题是：作品散落在 PDF、图片、代码仓库和视频文件里，招聘者难以在短时间内理解候选人能做什么。本案例的目标是把不同媒介统一到一个对外可访问的入口（4zyc.cn），并把"使用 AI"落成可查看的网页、代码、图像、文档和视频，而非只列工具名称。
输入与条件
- 已有材料：服装设计作业、非遗文化调研、文创视觉、课程或接单型 PPT/PDF、UI 练习、视频作品、个人教育与技能信息。
- 辅助资料：用于风格探索的地方文化符号、趋势关键词和视觉参考。
- 建站原料：文案、图片、独立 HTML/CSS/JS 页面、交互需求。
- 未公开内容：完整提示词、每轮模型对话、目录结构、版本管理频率、素材命名规则、AI 与人工的代码贡献比例、完整源码提交历史。
过程（作者自述的四段流程）
- 研究：整理地方文化、服装趋势与视觉参考，提炼关键词和设计方向。
- 生成：用 Stable Diffusion、Midjourney、即梦 AI 推演服装、文创和视觉风格。
- 构建：用 Codex 整理素材、搭建网站、检查交互。
- 交付：输出作品集网站、PPT、PDF 提案和可展示材料。
辅助环节：作者使用 ChatGPT、Claude、Gemini 做资料梳理、方案拆解、提示词设计与文案优化，用 NotebookLM 归纳文献与课程资料。
产物或结果
- 一个可访问的中文个人求职作品集网站（4zyc.cn），按能力和媒介分类的项目入口。
- 若干可单独打开的 UI 页面（含深色网格作品集 UI、AI 工作台界面、从 Figma 到响应式网页的移动端界面、玻璃质感交互页等）。
- 对应的 GitHub 源码入口（部分 UI 项目）。
- 视频展示、PPT/PDF 展示、个人简历、图库、获奖和联系入口。
作者自评的未完成项
来源直接支持的下述三项是作者本人在站内明示的待补强方向，整理者如实转写：
- 案例叙事缺口：把三个重点项目补成包含角色、目标、调研、过程、迭代、结果和反思的完整案例。
- 协作证据缺口：加入真实需求方、改稿记录、交付边界和反馈。
- 效率与过程量化缺口：记录 AI 节省的时间、生成过的方向、筛选过程和最终落地。
这意味着本案例当前最有说服力的是工具组合与视觉整合，最弱的是过程证据、协作证据和效率量化。引用此案例时不应把"使用了 Codex / ChatGPT / Midjourney"扩展为"完成了端到端求职作品集并获得了招聘者验证"。
限制
- 没有任何第三方对作品质量、招聘者反馈或面试转化的验证。
- 站内视觉信息很多，招聘者是否会完整浏览未知。
- AI 实际节省的时间和成本未量化。
- 部分素材版权、参考视觉、生成图与品牌相似性需逐项授权核查（作者声明未使用原站品牌、文案和图片，但仅是作者声明）。
- 招聘平台内置浏览器、移动端、深色模式与无障碍未公开测试结果。
整理者补充的检查点（非作者原话）
- 跨设备测试、链接失效检查、招聘平台内置浏览器兼容。
- 针对岗位保留最相关的 3–5 个项目，并提供 PDF 备份。
- 模型输出按"原材料事实 / 建议表达 / 缺少证据"分离。
- 为概念项目加"个人练习"标签。
- 角色、时间、获奖、客户、指标必须回到原文件或第三方证据核对。
相关教程、任务、工具与方法