name: portfolio-presentation description: 策划和展示创意/技术工作以最大化影响力。结构化案例研究，制作项目叙事，为不同受众（招聘经理、客户、合作者）优化。支持作品集网站、PDF演示稿和演示格式。在作品集审查、案例研究写作、项目展示或工作演示请求时触发。 license: MIT

作品集展示

将分散的工作转化为引人注目的专业叙事。

核心原则

作品集不是项目列表，而是关于你是谁以及你能为查看者做什么的故事。

受众分析

在策划之前，识别观众：

受众	主要兴趣	可用时间	决策标准
招聘经理	你能胜任工作吗？	30-90秒初步	相关技能，成长
技术领导	你如何思考？	2-5分钟深度	问题解决，代码质量
客户	你能解决我的问题吗？	1-2分钟	类似工作，结果
合作者	我会喜欢与你合作吗？	可变	过程，沟通
学者	你的贡献是什么？	全面审查	严谨，原创性

作品集结构

首页/着陆页

[Hero: 你的定位声明]
[精选作品: 3-4个最佳作品]
[简短介绍]
[联系/行动号召]

定位声明公式:

我是一个[角色]，拥有[独特方法/专业]。
我帮助[受众]通过[方法]实现[结果]。

项目选择

3-5-7规则:

最少3个项目（展示范围）
5个项目最佳（深度 + 广度）
最多7个项目（避免压倒性）

选择标准:

标准	权重	问题
相关性	30%	是否匹配目标机会？
影响	25%	我能量化结果吗？
工艺	20%	是否展示我的最佳作品？
近期性	15%	是否足够新？
故事	10%	是否有引人注目的叙事？

项目顺序

以最佳匹配开头（不一定是最佳作品）
第二个最强（抓住注意力）
展示范围（不同类型/规模）
个人/激情项目（展示个性）
延伸作品（抱负方向）

案例研究框架

快速格式（作品集卡片）

## [项目名称]

**角色**: [你的具体角色]
**时间线**: [持续时间]
**团队**: [规模/组成]

[一张引人注目的图片]

[2-3句总结: 问题 → 解决方案 → 结果]

**关键结果**: [单一量化结果]

标准格式（项目页面）

# [项目名称]

## 概述
[电梯推介: 是什么？为谁？为什么重要？]

## 挑战
[问题陈述，含背景和利害关系]

## 我的角色
[具体职责和贡献]

## 过程
[关键阶段，带视觉]
1. 发现/研究
2. 构思/策略
3. 执行/实现
4. 迭代/优化

## 解决方案
[构建/创建的内容，带视觉]

## 结果
[量化结果]
- [指标]: [之前] → [之后]
- [指标]: [改进]

## 反思
[我学到的，我会做不同的地方]

深度格式（完整案例研究）

参见 references/case-study-template.md

叙事模式

转变弧

现状 → 颠覆 → 挣扎 → 洞察 → 解决 → 新常态

问题-解决方案-影响

[用户] 在 [问题] 上挣扎
我们发现了 [洞察]
所以我们构建了 [解决方案]
这导致了 [影响]

过程故事

我们以 [研究/发现] 开始
这揭示了 [关键洞察]
引导我们到 [设计决策]
通过 [迭代]，我们到达了 [解决方案]

约束故事

给定 [约束: 时间/预算/技术]
我们必须 [创意方法]
这教会了我们 [教训]
并交付了 [尽管约束的结果]

视觉呈现

图像要求

类型	目的	规格
Hero	第一印象	16:9 或 4:3，高分辨率
Process	展示思考	带注释，清晰
Detail	工艺质量	裁剪，聚焦
Before/After	展示影响	并排
Context	现实世界使用	现场照片

截图最佳实践

显示真实数据（如有需要匿名化）
浏览器边框可选（清洁 vs. 上下文）
突出关键交互
包括移动视图，如果响应式
显示状态: 空、加载、已填充、错误

视频/动画

何时使用:

复杂交互
时间相关体验
前后转变
过程文档

在作品集上下文中保持60秒内。

写作指南

标题

❌ “电商网站重新设计” ✅ “通过简化结账增加转化率40%”

描述

❌ “我设计了UI并实现了前端” ✅ “领导了结账流程的设计和开发，将购物车放弃率从68%降低到41%”

量化

弱	强
提高性能	加载时间从4.2秒减少到0.8秒
增加参与	DAU在6个月内增长3倍
更好用户体验	NPS从32提高到67

声音

第一人称用于个人网站（“我设计了…”）
第一人称复数用于团队工作（“我们发现了…”）
始终使用主动语态
当前时态用于活跃工作，过去时态用于已完成

格式特定指导

作品集网站

参见 references/website-structure.md

PDF作品集

参见 references/pdf-portfolio.md

演示文稿

参见 references/deck-structure.md

审查清单

内容

[ ] 定位声明清晰
[ ] 项目匹配目标受众
[ ] 每个项目都有量化结果
[ ] 故事弧引人注目
[ ] 角色/贡献明确

视觉

[ ] 图像高质量
[ ] 一致的视觉风格
[ ] 移动友好（如果网站）
[ ] 加载时间可接受

技术

[ ] 所有链接工作
[ ] 联系信息当前
[ ] SEO基础覆盖（如果网站）
[ ] 分析安装（如果网站）

抛光

[ ] 校对错误
[ ] 一致的格式
[ ] 新鲜眼光审查

参考

references/case-study-template.md - 完整案例研究格式
references/website-structure.md - 作品集网站架构
references/pdf-portfolio.md - PDF作品集最佳实践
references/deck-structure.md - 演示文稿格式

作品集展示 portfolio-presentation