作品集呈現

將零散的作品轉化為具說服力的專業敘事。

核心原則

作品集不是專案列表——它是關於「你是誰」以及「你能為觀看者做什麼」的故事。

受眾分析

在策展之前，先確定觀看者：

受眾	主要興趣	可用時間	決策標準
招募主管	你能勝任這份工作嗎？	初次瀏覽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%」

描述

❌ 「我設計了使用者介面並實作了前端」 ✅ 「主導結帳流程的設計與開發，將購物車放棄率從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 - 簡報投影片格式

在你喜歡的 AI 中提問

說明文件