name: 作品集展示 description: 策划和展示创意/技术作品以最大化影响。结构化案例研究、制作项目叙事，并针对不同受众（招聘经理、客户、合作者）进行优化。支持作品集网站、PDF文档和演示格式。触发于作品集审查、案例研究写作、项目展示或工作呈现请求。 license: MIT

作品集展示

将零散作品转化为引人入胜的专业叙事。

核心原则

作品集不是项目列表——它是一个关于你是谁以及你能为观看者做什么的故事。

受众分析

在策划前，识别观看者：

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

作品集结构

主页/着陆页

[英雄区：你的定位陈述]
[精选作品：3-4个最佳作品]
[简要关于]
[联系方式/行动号召]

定位陈述公式：

我是一名[角色]，通过[独特方法/专长]。
我帮助[受众]通过[方法]实现[成果]。

项目选择

3-5-7规则：

3个项目最低（展示范围）
5个项目最优（深度+广度）
7个项目最高（避免信息过载）

选择标准：

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

项目顺序

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

案例研究框架

快速格式（作品集卡片）

## [项目名称]

**角色**：[你的具体角色]
**时间线**：[持续时间]
**团队**：[大小/组成]

[一张引人注目的图片]

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

**关键成果**：[单一量化结果]

标准格式（项目页面）

# [项目名称]

## 概述
[电梯演讲：它是什么？为谁设计？为什么重要？]

## 挑战
[问题陈述，包括背景和风险]

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

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

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

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

## 反思
[我学到了什么，我会做何不同]

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

参见 references/case-study-template.md

叙事模式

转型弧线

现状 → 破坏 → 挣扎 → 洞察 → 解决 → 新常态

问题-解决方案-影响

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

过程故事

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

约束故事

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

视觉呈现

图像要求

类型	目的	规格
英雄区	第一印象	16:9 或 4:3，高分辨率
过程	展示思考	带注释、清晰
细节	工艺质量	裁剪、聚焦
之前/之后	展示影响	并排
上下文	实际使用	现场照片

截图最佳实践

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

视频/动画

何时使用：

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

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

写作指南

标题

❌ “电子商务网站重新设计” ✅ “通过简化结账流程将转化率提高40%”

描述

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

量化

弱	强
提高性能	加载时间从4.2秒减少到0.8秒
增加参与度	日活跃用户在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