模块7A:AI作品集
选修(就业轨) 📅 第7周 ⏱️ 约12小时
目标: 用AI辅助打造一个令人印象深刻的个人作品集网站。作品集 > 简历,这是2026年招聘市场最确定的趋势——企业需要看到你"做了什么",而不是"学过什么"。本模块将手把手教你从0到1搭建公网可访问的作品集,用真实项目证明你的AI协作能力。
学习目标
学完本模块,你将能够:
- ✅ 理解"作品集思维"的三个核心要素(真实性、相关性、可展示性)
- ✅ 根据你的专业方向,规划3-5个有说服力的AI协作项目
- ✅ 使用 Vibe Coding 工具(Bolt.new / Lovable / Cursor 等)在零代码基础上搭建个人网站
- ✅ 将网站部署到公网,获得一个可分享的 URL
- ✅ 用 AI 优化作品集文案,遵循"背景→目标→方法→成果→反思"的标准结构
- ✅ 在项目中展示你的思考过程和方法论,而不仅仅是最终结果
课前准备
| 准备项 | 说明 |
|---|---|
| 浏览器 | Chrome / Edge 推荐(部分 AI 建站工具对 Chrome 优化最好) |
| GitHub 账号 | 用于部署网站(注册地址:github.com) |
| 邮箱 | 用于注册 AI 建站工具 |
| 项目素材 | 你在前几周完成的 AI 协作项目(作业、报告、分析、设计等) |
| 心态 | 不需要任何编程基础,本模块全程使用 AI 辅助 |
| 预计时间 | 学习约 4 小时 + 实操约 8 小时 |
准备工作
如果还没有 GitHub 账号,请提前注册。后续部署环节会用到 GitHub Pages 或通过 GitHub 账号登录 Cloudflare Pages / Netlify / Vercel。
第1课:作品集思维 —— 为什么作品集比简历更重要?
时长: 约 90 分钟 | 类型: 认知 + 规划
核心概念
2026年招聘市场的三个变化
根据猎聘《2025 AI人才趋势报告》和 FrogHire.ai《2026 校园招聘白皮书》:
简历筛选已进入 AI 时代:超过 67% 的 500 强企业使用 ATS(申请人追踪系统)初步筛选简历。一份标准简历从被看到到被淘汰的平均时间是 6 秒。但一个作品集链接,HR 平均会点击并停留 2-3 分钟。
"做过什么"正在取代"学过什么":2026 年应届生招聘中,74% 的 HR 表示"项目经验"是筛选候选人的第一要素,远超"学校排名"(31%)和"GPA"(19%)。—— 数据来源:中国青年报社《2026 应届生就业力调查》
AI 协作能力成为通用技能标签:越来越多的 JD 中出现"熟练使用 AI 工具""有 AI 协作项目经验"等要求。作品集是你证明这些能力的最佳载体。
作品集 > 简历的三要素
| 要素 | 含义 | 反面案例 | 正面案例 |
|---|---|---|---|
| 真实性(Authenticity) | 项目是你亲手做的,过程可追溯 | 网上复制粘贴别人的项目,一问三不知 | 每个项目都有你的思考、决策、迭代过程 |
| 相关性(Relevance) | 项目与你目标岗位有直接关联 | 申请市场营销岗,作品集全是写代码 | 申请市场营销岗,作品集有用户调研、竞品分析、营销方案 |
| 可展示性(Presentability) | 项目能以直观方式呈现给非专业人士 | 只有代码仓库,没有说明文档和截图 | 有完整的项目介绍、过程截图、数据对比、个人反思 |
面试官看作品集时,实际在找什么?
根据对 50+ 位 HR 和业务面试官的访谈(FrogHire.ai 2026 报告),他们看作品集时关注以下 5 个问题:
- 这个人能不能独立完成工作?(看项目完整度)
- 这个人的思考深度如何?(看项目反思和迭代过程)
- 这个人的学习能力怎样?(看技术栈/工具链的多样性)
- 这个人有没有"产品思维"?(看是否从用户/业务角度出发)
- 这个人适合我们团队吗?(看沟通风格、审美偏好、价值观)
各专业方向作品集建议
市场营销专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| 用户洞察报告 | 分析某产品/品牌的用户画像 | ChatGPT + 问卷星 | 用户分群、痛点分析、数据可视化 |
| 竞品分析 | 3-5 个竞品的全方位对比 | Claude + Canva AI | 市场格局图、差异化策略 |
| 营销方案 | 为一个真实产品/品牌做推广方案 | ChatGPT + Gamma | 策略逻辑、执行路径、预算估算 |
| 内容创作 | 小红书/公众号/短视频文案 | DeepSeek + 剪映AI | 多平台内容策略、数据表现 |
真实案例:2026 年某双非院校市场营销专业学生,通过一份"霸王茶姬 vs 茶颜悦色 竞品分析报告"(含 AI 辅助的数据爬取、用户评论情感分析、品牌定位对比图),获得字节跳动用户增长岗位面试机会。
金融/经济专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| 行业研究报告 | 新能源汽车/半导体/AI 产业链分析 | ChatGPT + Claude | 产业链图谱、关键指标、投资逻辑 |
| 财务分析 | 某上市公司 3 年财报分析 | ChatGPT + Excel | 财务指标对比、风险识别、估值模型 |
| 宏观经济分析 | 围绕某个经济现象做深度分析 | Claude + DeepSeek | 数据来源、分析框架、预测逻辑 |
| 量化策略回测 | 简单的量化交易策略 | Cursor + Python | 策略逻辑、回测结果、风险指标 |
真实案例:2026 年某财经院校学生,用 AI 辅助完成了"2025-2026 中国光伏产业链深度研究",包含 15 家上市公司财报对比和行业景气度预测,获得中金公司研究部实习 offer。
设计/艺术专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| AI 辅助设计作品 | 品牌 VI/海报/UI 界面 | Midjourney + Canva AI | 设计理念、迭代过程、AI 角色说明 |
| 设计系统 | 为一个产品建立设计规范 | Figma + AI 插件 | 组件库、色彩系统、交互规范 |
| 用户研究 | 可用性测试 + 用户访谈分析 | ChatGPT + Notion AI | 研究方法、洞察提炼、设计建议 |
| 动态视觉 | AI 生成视频/动画 | 可灵 + Runway + 剪映AI | 创意脚本、生成过程、最终效果 |
教育/师范专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| AI 教学设计 | 为一门课程设计 AI 融合教学方案 | ChatGPT + Gamma | 教学目标、AI 工具选择、评估方式 |
| 课件制作 | AI 辅助生成多媒体课件 | Gamma + Canva AI | 内容设计、交互设计、学习体验 |
| 学习数据分析 | 分析学生成绩数据,提出改进建议 | Claude + Excel | 分析维度、可视化呈现、教学建议 |
| 教育产品评测 | 5 款教育类 AI 工具的横向对比 | ChatGPT + DeepSeek | 评测标准、使用体验、适用场景 |
新闻/传播专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| 数据新闻 | 围绕一个社会议题的数据可视化报道 | ChatGPT + Flourish | 数据来源、叙事逻辑、可视化设计 |
| 深度报道 | 对一个话题的多角度深度分析 | Claude + DeepSeek | 信息源、分析框架、写作风格 |
| 新媒体运营 | 运营一个自媒体账号 30 天数据报告 | DeepSeek + 剪映AI | 内容策略、增长数据、用户互动 |
| 事实核查 | 对热点事件的信息溯源与核实 | ChatGPT + 多个 AI 工具 | 核查方法、信息源对比、结论 |
法学专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| 法律案例分析 | 典型案件的 AI 辅助分析 | Claude + ChatGPT | 法律依据、推理过程、AI 辅助说明 |
| 合同审查 | 用 AI 审查标准合同模板 | ChatGPT | 风险点识别、条款对比、修改建议 |
| 法规追踪 | 某领域法规变化的时间线梳理 | Claude + DeepSeek | 法规演变、影响分析、合规建议 |
| 法律科技产品评测 | 法律 AI 工具横向对比 | 多个 AI 法律工具 | 功能对比、准确率、适用场景 |
医学/护理专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| 文献综述 | 围绕一个医学主题的文献分析 | Claude + ChatGPT | 检索策略、文献筛选、综合分析 |
| 患者教育材料 | AI 辅助制作通俗易懂的健康科普 | ChatGPT + Canva AI | 内容准确性、可读性、视觉设计 |
| 病例分析 | 典型病例的 AI 辅助分析与鉴别 | ChatGPT + Claude | 诊断逻辑、鉴别诊断、AI 辅助价值 |
| 医疗数据分析 | 公开医疗数据的分析可视化 | Claude + Excel | 数据来源、分析方法、临床意义 |
计算机/软件专业
| 项目类型 | 具体方向 | AI 工具 | 展示重点 |
|---|---|---|---|
| AI 全栈应用 | 用 Cursor/Bolt 开发的完整应用 | Cursor + Bolt.new | 技术选型、架构设计、核心功能 |
| 开源贡献 | 参与开源项目的记录 | Cursor + GitHub | PR 描述、代码质量、社区互动 |
| 技术博客 | 围绕某个技术话题的深度分析 | Claude | 技术深度、表达能力、读者反馈 |
| AI Agent 开发 | 用 Coze/Dify 搭建的智能体 | Coze + Dify | 设计思路、工作流、实际效果 |
动手实操:作品集规划
第一步:确定你的作品集定位(15 分钟)
打开 AI 工具,输入以下 Prompt,让 AI 帮你分析:
你是一位资深职业规划顾问。请帮我规划我的个人作品集。
我的背景:
- 专业:[你的专业]
- 年级:[你的年级]
- 目标岗位:[你想申请的岗位,如不知道可以写"不确定"]
- 我的优势:[列出 2-3 个你擅长的]
- 已有的项目/作品:[列出你已有的任何项目、作业、作品等]
请帮我:
1. 分析我的专业方向适合展示哪些类型的项目
2. 建议 3-5 个具体的作品集项目选题
3. 每个选题说明为什么值得放入作品集
4. 给出作品集整体的"故事线"建议——如何让不同项目串联成一个有说服力的个人叙事第二步:填写作品集规划表(20 分钟)
根据 AI 的建议,完成以下表格:
| 项目编号 | 项目名称 | 项目类型 | 展示什么能力 | 预计完成时间 | 优先级 |
|---|---|---|---|---|---|
| 1 | ⭐⭐⭐ | ||||
| 2 | ⭐⭐⭐ | ||||
| 3 | ⭐⭐ | ||||
| 4 | ⭐⭐ | ||||
| 5 | ⭐ |
第三步:收集项目素材(20 分钟)
对于每个已规划的项目,创建对应的文件夹,收集以下素材:
- 项目过程中的 AI 对话截图(关键 Prompt 和 AI 输出)
- 项目产出的文件(文档、图片、数据等)
- 项目迭代过程中的不同版本(展示你的改进过程)
- 任何量化数据(如果有的话)
第2课:从0到1搭建个人网站
时长: 约 120 分钟 | 类型: 实操为主
核心概念
2026年 AI 建站工具对比
| 工具 | 网址 | 免费额度 | 代码能力要求 | 适合场景 | 2026年最新评价 |
|---|---|---|---|---|---|
| Bolt.new | bolt.new | 免费额度含 200K tokens/天 | 零代码 | 快速原型、全栈应用 | 2026 年最受推荐的零代码建站工具,支持一键部署到 Netlify |
| Lovable | lovable.dev | 免费版 5 个项目 | 零代码 | 精美 UI、产品原型 | 2026 年 UI 设计质量最高的 AI 建站工具,内置 shadcn/ui 组件 |
| Cursor | cursor.com | 免费版 2000 次补全/月 | 需要基础理解 | 复杂定制、专业开发 | 2026 年专业开发者首选,灵活度最高但需要一定学习成本 |
| Vercel v0 | v0.dev | 免费版 200 次生成/月 | 零代码 | UI 组件、单页设计 | 2026 年最适合生成独立的 UI 组件和页面,可导出代码 |
| Replit Agent | replit.com | 免费版有限 | 零代码 | 全栈应用 + 在线运行 | 2026 年新增 AI Agent 功能,可自动修复 bug 和部署 |
选型建议
- 零代码基础:优先选择 Bolt.new 或 Lovable,这两个最接近"说人话就能建网站"
- 想学一点代码:选择 Cursor,它是最强大的 AI 编程助手,边做边学
- 只想做单页作品集:Vercel v0 最快,生成后直接导出部署
Vibe Coding 核心思维
Vibe Coding(氛围编程)是 2025 年由 Andrej Karpathy 提出的概念,2026 年已成为主流开发范式。核心原则:
- 你描述需求,AI 生成代码 —— 你不需要写一行代码
- 迭代式改进 —— 看到效果后,用自然语言告诉 AI 要改什么
- 拥抱错误 —— AI 生成的代码可能有 bug,把错误信息复制给 AI,它通常会自己修复
- 你负责决策 —— 技术选型、设计方向、产品逻辑由你决定,AI 负责执行
动手实操:用 Bolt.new 搭建个人网站
以下是用 Bolt.new(2026 年最推荐的零代码建站工具)搭建个人网站的全流程。
第一步:注册与准备(10 分钟)
- 打开 bolt.new
- 使用 GitHub 账号登录(推荐)或邮箱注册
- 进入主界面,你会看到一个类似 ChatGPT 的对话框
第二步:生成网站初版(15 分钟)
在 Bolt.new 的对话框中输入以下 Prompt(根据你的实际情况修改):
请帮我创建一个个人作品集网站,要求如下:
**基本信息**:
- 姓名:[你的名字]
- 专业:[你的专业]
- 求职方向:[你的目标岗位]
- 一句话介绍:[用一句话概括你的核心优势]
**网站结构**(单页滚动式):
1. 顶部导航栏:Logo(名字缩写)+ 导航链接(首页、项目、关于、联系方式)
2. Hero 区域:大标题 + 一句话介绍 + 两个按钮("查看作品"和"下载简历")
3. 关于我:一段 2-3 句话的自我介绍 + 3-5 个技能标签
4. 项目展示:3-5 个项目卡片,每个包含:项目截图、项目名称、简短描述、技术标签、查看详情按钮
5. 联系方式:邮箱、GitHub 链接、LinkedIn(如有)
6. 页脚:版权信息
**设计要求**:
- 现代简约风格,参考 Linear / Notion 的设计语言
- 配色方案:主色调为深蓝/紫色系(#6366f1 或类似),干净的白底
- 字体:使用系统默认字体(苹果用 SF Pro,Windows 用 Segoe UI)
- 响应式:适配手机和平板
- 微交互:按钮 hover 效果、卡片 hover 上浮、滚动平滑
**技术栈**:React + Tailwind CSS第三步:迭代优化(30 分钟)
Bolt.new 生成初版网站后,你会看到实时预览。接下来用自然语言逐步优化:
迭代 1:调整 Hero 区域
Hero 区域太高了,缩短到屏幕高度的 70%。背景加一个微妙的渐变,从深蓝到紫色。大标题字体再大一些,加粗。迭代 2:优化项目卡片
项目卡片改成 3 列网格布局。每个卡片加一个 placeholder 图片(可以用 emoji 或渐变色块代替)。鼠标悬停时卡片上浮 8px 并加阴影。迭代 3:添加技能标签
在"关于我"区域的技能标签中,给每个标签加一个小图标(emoji 即可)。标签颜色改为浅紫背景 + 深紫文字。迭代 4:添加导航滚动
顶部导航栏加一个"回到顶部"按钮。点击导航链接时平滑滚动到对应区域。当页面滚动超过 100px 时,导航栏背景变为半透明白色毛玻璃效果。迭代 5:添加暗色模式
添加一个暗色模式切换按钮,放在导航栏右侧。使用 Tailwind 的 dark mode 类。默认跟随系统主题。迭代技巧
- 每次只提一个改动,不要一次说太多
- 如果 AI 理解错了,把错误描述清楚,附上当前效果截图(如果可能)
- 如果 AI 改坏了,说"请撤销刚才的改动,恢复到上一版"
- 多使用"参考 XXX 网站"来传达设计意图,AI 能理解这些参考
第四步:填入真实内容(25 分钟)
网站框架搭建好后,开始替换占位内容为你自己的真实内容:
请帮我修改 Hero 区域的文字:
- 大标题改为:"用AI重新定义[你的专业]"
- 一句话介绍改为:"[你的专业]学生 | AI工具深度使用者 | 已完成[X]个AI协作项目"
- "查看作品"按钮链接到项目展示区域
- "下载简历"按钮链接到一个PDF文件(可以先留空,后续替换)关于我区域请替换为以下内容:
[粘贴你的自我介绍]
技能标签替换为:[贴入你的技能列表,如:数据分析、用户研究、AI内容创作、Prompt Engineering、项目策划]第五步:部署到公网(20 分钟)
Bolt.new 支持一键部署到 Netlify。在对话框中输入:
请帮我把这个网站部署到 NetlifyBolt.new 会自动处理部署流程。部署完成后你会获得一个类似 https://xxx.netlify.app 的域名。
其他部署方式:
| 平台 | 特点 | 操作方式 |
|---|---|---|
| Netlify | Bolt.new 一键部署 | 直接在 Bolt.new 中操作 |
| GitHub Pages | 完全免费,域名格式 username.github.io | 导出代码 → 上传到 GitHub → 在 Settings 中启用 Pages |
| Cloudflare Pages | 全球 CDN,速度快 | 导出代码 → 上传到 GitHub → 在 Cloudflare 中连接仓库 |
| Vercel | 自动 HTTPS,支持自定义域名 | 导出代码 → 上传到 GitHub → 在 Vercel 中导入项目 |
自定义域名
如果你有自己的域名(如 yourname.com),可以在 Netlify/Cloudflare Pages/Vercel 的设置中添加自定义域名,让你的作品集更专业。阿里云/腾讯云购买 .com 域名约 60 元/年,.me 域名约 100 元/年。
备选方案:用 Lovable 搭建
如果你更看重设计质量,可以用 Lovable 替代 Bolt.new:
- 打开 lovable.dev 注册
- 使用相同的 Prompt 生成网站
- Lovable 的优势:内置 shadcn/ui 组件库,UI 质量更高
- Lovable 的劣势:免费版只有 5 个项目,且某些高级功能需付费
备选方案:用 Cursor 搭建(适合想学代码的同学)
如果你愿意花时间学一点代码,Cursor 是最灵活的选择:
- 下载并安装 Cursor
- 创建一个新项目文件夹
- 在 Cursor 中打开文件夹,使用 Composer(Ctrl/Cmd + I)输入建站 Prompt
- Cursor 会直接在项目中生成完整代码,你可以在浏览器中预览
- 部署:将代码推送到 GitHub,然后用 Vercel 一键部署
第3课:作品集内容创作
时长: 约 90 分钟 | 类型: 实操 + 内容创作
核心概念
项目展示标准结构
每个项目都应该遵循"背景 → 目标 → 方法 → 成果 → 反思"的五段式结构:
┌────────────────────────────────────────────────────────────┐
│ 项目展示标准结构 │
├──────────┬─────────────────────────────────────────────────┤
│ 背景 │ 为什么做这个项目?遇到了什么问题?有什么机遇? │
│ Context │ 1-2 句话交代项目缘起 │
├──────────┼─────────────────────────────────────────────────┤
│ 目标 │ 你想达成什么?具体的、可衡量的目标 │
│ Goal │ 例如:"提升用户活跃度 20%"而非"让产品更好" │
├──────────┼─────────────────────────────────────────────────┤
│ 方法 │ 你做了什么?用了什么工具?有什么关键决策? │
│ Method │ 这是展示你思考过程的核心部分 │
├──────────┼─────────────────────────────────────────────────┤
│ 成果 │ 达成了什么效果?有数据吗?有反馈吗? │
│ Result │ 尽量用数据说话,没有数据就用对比或用例 │
├──────────┼─────────────────────────────────────────────────┤
│ 反思 │ 如果重来一次会怎么做?学到了什么? │
│ Reflect │ 这是展示你学习能力和成长心态的关键 │
└──────────┴─────────────────────────────────────────────────┘为什么"反思"是作品集最重要的部分?
面试官看作品集时,最关注的是你的思考过程,而不是最终结果。原因很简单:
- 最终结果可能受限于资源、时间、外部因素,不全是你的能力体现
- 但你的反思能力——认识到哪里做得不够好、为什么这样选择、学到了什么——直接反映了你的成长潜力
一个反面例子:
"我完成了这个项目,效果很好,用户反馈积极。"
一个正面例子:
"项目完成后,我意识到最初的设计假设(用户更喜欢 A 方案)是错误的。通过 A/B 测试数据,我发现 B 方案的用户留存率高出 35%。如果重来一次,我会在项目初期就进行用户调研,而不是凭直觉做决策。这个经验让我在后续项目中始终把'数据验证'放在'主观判断'之前。"
动手实操:AI 优化作品集文案
第一步:撰写项目文案初稿(20 分钟)
选择一个你已完成的项目,按照五段式结构写出初稿。不需要写得很好,把想法写出来即可。
第二步:用 AI 优化文案(20 分钟)
将你的初稿粘贴到 AI 中,使用以下 Prompt:
你是一位资深文案策划,专门帮助求职者优化作品集文案。请帮我优化以下项目描述。
项目背景:[你的背景描述]
项目目标:[你的目标描述]
方法过程:[你的方法描述]
项目成果:[你的成果描述]
个人反思:[你的反思描述]
优化要求:
1. 保持原来的信息不变,但让表达更专业、更有冲击力
2. 使用 STAR 法则(Situation-Task-Action-Result)增强逻辑性
3. 突出"我做了什么"而非"团队做了什么"
4. 加入具体的数据和细节(如果有)
5. 每个部分控制在 3-5 句话,避免冗长
6. 语气自信但不夸张,适合应届生身份
请给出优化后的完整文案,并在每个部分标注优化要点。第三步:数据可视化(20 分钟)
如果有数据,用 AI 帮助你生成图表:
我有以下项目数据,请帮我设计数据可视化方案:
[粘贴你的数据]
请提供:
1. 最适合展示这些数据的图表类型(柱状图/折线图/饼图/雷达图等)
2. 用 Python(matplotlib/seaborn)或 HTML/CSS 生成可视化图表
3. 图表配色建议(与我的网站配色协调)
4. 每个图表的一句话解读
如果数据量不大,请直接生成 HTML/CSS 的可视化代码,我可以嵌入到作品集网站中。第四步:生成项目缩略图(20 分钟)
每个项目卡片需要一张吸引人的缩略图。如果你没有设计能力,可以用 AI 生成:
请帮我生成一张项目缩略图的设计方案。
项目名称:[项目名称]
项目类型:[如:数据分析报告 / 竞品分析 / 用户调研]
核心关键词:[3-5个关键词]
配色方案:与我的网站配色协调(主色 #6366f1,背景白/浅灰)
请提供:
1. 用 HTML/CSS 生成一个简洁的缩略图(包含项目标题、类型标签、关键词)
2. 或者用 SVG 生成一个抽象的几何图形作为背景
3. 尺寸:1200×630px(适合社交媒体分享)作品集内容质量检查清单
在发布前,用以下清单逐项检查每个项目:
| 检查项 | 标准 | ✓ |
|---|---|---|
| 背景清晰 | 读者能理解为什么做这个项目 | |
| 目标具体 | 不是空泛的"提升能力",而是可衡量的具体目标 | |
| 方法详实 | 展示了具体工具、步骤、决策过程 | |
| 成果有力 | 有数据或具体反馈,不是"感觉不错" | |
| 反思真诚 | 指出了不足和改进方向,展示了成长 | |
| AI 角色透明 | 清楚标注了 AI 在项目中扮演的角色 | |
| 无错别字 | 通读一遍,没有低级错误 | |
| 手机可读 | 在手机上打开网站,内容是否正常显示 |
第4课:专业方向作品集选题指南
时长: 约 90 分钟 | 类型: 规划 + 实操
核心概念
AI 辅助项目全流程
无论你是什么专业,一个完整的 AI 协作项目通常遵循以下流程:
选题 → 调研 → 执行 → 展示
│ │ │ │
│ AI │ AI │ AI │ AI
│ 帮分析 │ 帮收集 │ 帮执行 │ 帮优化
│ 可行性 │ 和整理 │ 和迭代 │ 和呈现
│ │ │ │
└───────┴───────┴───────┘关键是:在每个阶段都记录你的思考过程,这是作品集最有价值的部分。
如何在项目中展示"思考"而非"做法"
| 阶段 | 做法展示(平庸) | 思考展示(优秀) |
|---|---|---|
| 选题 | "我选择了分析新能源汽车行业" | "对比了 3 个备选方向后,我选择新能源汽车行业,因为:① 数据可获取性高;② 与我的目标岗位(行业研究)强相关;③ 2026 年固态电池技术突破带来新的分析视角" |
| 调研 | "我在网上搜索了相关资料" | "我用了 3 种方式收集数据:① 上市公司财报(一手数据);② AI 辅助分析行业报告(二手数据);③ 用户评论情感分析(验证数据)。3 种数据交叉验证,确保结论可靠" |
| 执行 | "我用 AI 帮我写了分析报告" | "我先让 AI 列出了分析框架(PEST + 波特五力),然后补充了我自己的判断。在 AI 生成的分析中,我发现 3 处数据错误,手动修正后重新验证。整个过程中 AI 承担了约 60% 的工作量,但我负责了所有关键判断" |
| 展示 | "我把报告放在了网站上" | "报告完成后,我意识到纯文字的可读性差。于是我用 AI 生成了 5 张数据可视化图表,并写了一个 300 字的核心发现摘要放在开头。一份 5000 字的报告,现在 30 秒就能抓住关键信息" |
动手实操:为你的专业方向选择并启动一个项目
各专业方向项目选题表
市场营销专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 某品牌社交媒体内容策略分析 | ⭐⭐ | 6小时 | 内容策划、数据分析 | ChatGPT + DeepSeek |
| 校园场景用户调研与洞察报告 | ⭐⭐⭐ | 8小时 | 用户研究、洞察提炼 | ChatGPT + 问卷星 |
| 某赛道 3 个品牌的竞品定位对比 | ⭐⭐ | 5小时 | 竞品分析、策略思维 | Claude + Canva AI |
| 为某产品设计一个增长实验方案 | ⭐⭐⭐⭐ | 10小时 | 增长思维、实验设计 | ChatGPT + Notion AI |
金融/经济专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 某行业 5 家上市公司财报对比 | ⭐⭐ | 6小时 | 财务分析、行业认知 | ChatGPT + Excel |
| 2026 年某宏观经济指标分析 | ⭐⭐ | 5小时 | 宏观分析、数据解读 | Claude + DeepSeek |
| 某赛道投资逻辑与估值分析 | ⭐⭐⭐ | 8小时 | 投资分析、估值建模 | ChatGPT + Cursor |
| 金融科技产品功能对比评测 | ⭐⭐ | 4小时 | 产品分析、行业认知 | DeepSeek + ChatGPT |
设计/艺术专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 为某品牌设计一套 AI 辅助 VI | ⭐⭐⭐ | 8小时 | 品牌设计、AI 工具运用 | Midjourney + Canva AI |
| 完成一个 App 的 UI 改版方案 | ⭐⭐⭐ | 10小时 | UI 设计、交互思维 | Figma + AI 插件 |
| 用 AI 生成一套主题插画 | ⭐⭐ | 6小时 | 创意能力、AI 协作 | Midjourney + DALL·E |
| 设计一个设计系统的组件库 | ⭐⭐⭐⭐ | 12小时 | 系统思维、设计规范 | Figma + ChatGPT |
教育/师范专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 为一门课设计 AI 融合教学方案 | ⭐⭐⭐ | 8小时 | 教学设计、AI 应用 | ChatGPT + Gamma |
| 制作一套 AI 辅助的互动课件 | ⭐⭐⭐ | 10小时 | 课件设计、交互设计 | Gamma + Canva AI |
| 分析 50 位学生的学习数据 | ⭐⭐⭐ | 8小时 | 数据分析、教学洞察 | Claude + Excel |
| 5 款教育 AI 工具横向评测 | ⭐⭐ | 5小时 | 产品评测、教育认知 | ChatGPT + DeepSeek |
新闻/传播专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 围绕一个社会议题做数据新闻 | ⭐⭐⭐ | 10小时 | 数据新闻、叙事能力 | ChatGPT + Flourish |
| 对热点事件的多角度信息梳理 | ⭐⭐ | 6小时 | 信息整合、事实核查 | Claude + DeepSeek |
| 运营一个账号 30 天的数据复盘 | ⭐⭐⭐ | 8小时 | 新媒体运营、数据分析 | DeepSeek + 剪映AI |
| AI 生成内容 vs 人工创作对比 | ⭐⭐ | 5小时 | 批判思维、媒体素养 | ChatGPT + 多个工具 |
法学专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 典型司法案例的 AI 辅助分析 | ⭐⭐⭐ | 8小时 | 法律分析、AI 应用 | Claude + ChatGPT |
| 某领域近 3 年法规变化梳理 | ⭐⭐ | 6小时 | 法规研究、信息整理 | ChatGPT + DeepSeek |
| 标准合同的 AI 审查与风险分析 | ⭐⭐ | 5小时 | 合同审查、风险识别 | ChatGPT |
| 法律 AI 工具的准确率对比 | ⭐⭐⭐ | 8小时 | 法律科技、评测能力 | 多款法律 AI 工具 |
医学/护理专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 某疾病的文献综述(AI 辅助) | ⭐⭐⭐ | 10小时 | 文献检索、综合分析 | Claude + ChatGPT |
| 制作一套患者健康教育材料 | ⭐⭐ | 6小时 | 健康教育、内容设计 | ChatGPT + Canva AI |
| 公开医疗数据的可视化分析 | ⭐⭐⭐ | 8小时 | 数据分析、医学统计 | Claude + Excel |
| 临床决策支持工具对比评测 | ⭐⭐⭐ | 8小时 | 临床思维、工具评估 | ChatGPT + DeepSeek |
计算机/软件专业
| 选题 | 难度 | 预计耗时 | 展示能力 | AI 工具链 |
|---|---|---|---|---|
| 用 Cursor/Bolt 开发一个全栈应用 | ⭐⭐⭐ | 12小时 | 全栈开发、AI 编程 | Cursor + Bolt.new |
| 为开源项目提交 3 个 PR | ⭐⭐⭐⭐ | 10小时 | 开源贡献、代码质量 | Cursor + GitHub |
| 用 Dify/Coze 搭建一个 AI Agent | ⭐⭐⭐ | 8小时 | AI 应用开发、产品思维 | Dify + Coze |
| 写一篇技术深度分析文章 | ⭐⭐ | 6小时 | 技术写作、知识沉淀 | Claude + ChatGPT |
动手实操:启动你的第一个作品集项目
第一步:选题确认(15 分钟)
用以下 Prompt 让 AI 帮你最终确认选题:
你是一位[你的专业领域]的资深从业者。我正在为我的个人作品集选择项目选题。
我的背景:
- 专业:[你的专业]
- 目标岗位:[你的目标岗位]
- 我感兴趣的方向:[列出 2-3 个你感兴趣的方向]
以下是候选选题:
1. [选题1]
2. [选题2]
3. [选题3]
请帮我分析:
1. 哪个选题最能体现我的专业能力和 AI 协作能力
2. 哪个选题在求职市场上最有差异化价值
3. 每个选题的可行性和潜在风险
4. 推荐一个最佳选题,并给出详细理由第二步:项目规划(15 分钟)
确定选题后,用 AI 帮你做项目规划:
我已经确定我的作品集项目选题是:[选题名称和简要描述]
请帮我做一个详细的项目规划:
1. 项目目标(SMART 原则:具体的、可衡量的、可实现的、相关的、有时限的)
2. 项目步骤(拆分为 5-8 个具体步骤,每个步骤预估时间)
3. 需要的工具和资源
4. AI 在每个步骤中可以承担的角色
5. 预计产出(包括中间产出和最终产出)
6. 潜在的风险和应对方案第三步:开始执行(课后完成)
按照项目规划开始执行。记住:
- 每个阶段结束都做一个简短的记录(2-3 句话即可)
- 保留关键的 AI 对话截图
- 保留各版本的中间产出(展示迭代过程)
产出物
完成本模块后,你将获得:
| 序号 | 产出物 | 说明 |
|---|---|---|
| 1 | 个人作品集网站 | 部署在公网,有独立 URL,可在简历中引用 |
| 2 | 3-5 个 AI 协作项目展示 | 每个项目遵循"背景→目标→方法→成果→反思"标准结构 |
| 3 | 作品集规划文档 | 含选题分析、项目规划、素材清单 |
| 4 | 项目文案优化稿 | 经过 AI 优化的专业项目描述 |
FAQ
Q1: 我没有可以展示的项目怎么办?
A: 这正是本模块要解决的问题。第4课提供了 8 个专业方向、32 个具体选题,选择 2-3 个在课后完成。每个项目平均耗时 6-10 小时,一周内可以完成。关键是:不要追求完美,先完成再迭代。
Q2: 我不会写代码,真的能搭建网站吗?
A: 完全可以。Bolt.new 和 Lovable 这两个工具在 2026 年已经非常成熟,你只需要用自然语言描述你想要的效果,AI 会自动生成完整的网站代码。本模块第2课提供了完整的 Prompt 模板和迭代流程,跟着做就行。
Q3: 我的项目看起来不够"专业"怎么办?
A: 应届生的作品集不需要和行业专家比。面试官看的是:① 你有没有动手能力;② 你的思考过程是否清晰;③ 你的学习态度和成长潜力。一个"不完美但有反思"的项目,远胜于一个"完美但看不出你的贡献"的项目。
Q4: 作品集应该包含多少个项目?
A: 3-5 个精品项目比 10 个草草了事的项目好得多。建议:2 个深度项目(展示专业深度)+ 2 个广度项目(展示工具应用能力)+ 1 个个人特色项目(展示你的独特兴趣)。
Q5: 我的 AI 使用比例很高,会不会被认为"不是自己做的"?
A: 2026 年的招聘市场已经接受了"AI 协作"这一事实。关键是:① 清楚标注 AI 在项目中的角色;② 展示你独立做出的关键决策;③ 反思 AI 的局限性和你如何克服。把"AI 使用比例高"变成"AI 协作能力强"的证明,而不是"能力不足"的证据。
Q6: 建站工具选哪个?Bolt.new vs Lovable vs Cursor?
A: 零基础 → Bolt.new(最易上手,一键部署)。追求设计质量 → Lovable(UI 最精美)。想学代码 → Cursor(最灵活,但需要学习成本)。建议先用 Bolt.new 快速搭建,后续如果想深入定制,再迁移到 Cursor。
延伸阅读
- Bolt.new 官方文档 —— 零代码建站完整指南
- Lovable 官方教程 —— AI 建站从入门到精通
- GitHub Pages 官方教程 —— 免费部署静态网站
- Netlify 部署指南 —— 一键部署和自定义域名
- 猎聘《2025 AI人才趋势报告》 —— AI 时代招聘趋势数据
- FrogHire.ai《2026 校园招聘白皮书》 —— 应届生招聘最新洞察
- 中国青年报社《2026 应届生就业力调查》 —— 2026 届毕业生就业数据
- 作品集灵感集合 —— 全球优秀作品集案例参考
模块7A检查清单
在进入模块8A之前,请确认你完成了以下所有事项:
- [ ] 理解了作品集 > 简历的核心逻辑和三个要素
- [ ] 完成了作品集规划表,确定了 3-5 个项目选题
- [ ] 成功搭建了个人作品集网站并部署到公网
- [ ] 网站包含完整的结构(导航、Hero、关于、项目、联系方式)
- [ ] 至少 1 个项目按照"背景→目标→方法→成果→反思"结构完成展示
- [ ] 项目文案经过 AI 优化,表达专业且有冲击力
- [ ] 网站适配手机端(在手机上打开检查过)
- [ ] 收集了项目素材(AI 对话截图、中间版本、数据等)
上一模块:模块6A:AI办公效率 —— 入职即碾压