設計新手作品集怎麼做？三個專案打贏三十張零散圖

三個對的專案，勝過三十張漂亮的圖

設計師 Riven

2026年5月5日上午 12:51

AI 設計

設計師作品集 3 專案框架——Why／How／What 拆解，搭配 Smart Parking、Wander、Motion Museum 三類作品集範例

PORTFOLIO PLAYBOOK / 2026

作品集只看結果——三個對的專案，勝過三十張漂亮的圖

QUICK ANSWER

設計新手作品集只需要三個專案，分別回答三個問題：Why（你能不能定義問題）、How（你能不能跑完流程）、What（你能不能執行出視覺）。HR 看作品集只給你十分鐘，三個結構化專案比三十張漂亮的圖更能讓對方判斷你是不是他要的人。

CHAPTER 01 — THE WRONG WAY

為什麼大部分作品集都失敗

看過幾百份新手作品集後，我發現失敗的長得都很像——三十張各自獨立的圖，每張看起來都不錯，但放一起像便當盒：菜色很多，吃不出主廚的概念。

問題不在「圖不夠好」。問題在 HR 或主管打開作品集，他想找的不是「你會不會做圖」——這年頭 AI 都會做圖。他想找的是「你會怎麼想、怎麼做決定、怎麼解決真實問題」。三十張零散的圖回答不了這個問題，只會讓他關掉視窗。

這篇文章要講的不是「做更多作品」，是「用更少作品說更深的故事」。三個對的專案，分別回答三個關鍵問題，比三十張看不出脈絡的圖能讓你拿到更多面試。

這個框架對完全新手、轉職者、在職想換工作的人都適用——差別只在每個專案要怎麼挑、怎麼組合，後面會分開講。

CHAPTER 02 — PROJECT ONE

第一個專案：Why——證明你會解決真實問題

Behance UI/UX 設計作品集精選——真實設計師如何把問題定義跟解決呈現出來

▲ Behance UI/UX 精選作品集——這些都是真實設計師發現問題、定義範圍、提出解法的 case study

Why 專案的核心是：不是別人給你 brief，是你自己看到問題、自己定義它、自己解決它。這是最能拉開你跟其他新手差距的專案類型。

為什麼這個專案最重要？因為它證明你不只是個「會做圖的人」——你是個「會發現問題的人」。前者市場上一抓一大把，後者公司願意付高薪。

怎麼挑題目

最好的 Why 題目來自你自己每天會用、會抱怨的東西。三個方向：

方向一：你常用但體驗很差的 App／網站

例如台灣銀行 App 流程冗長、健保快易通註冊地獄、台鐵訂票體驗。挑你真正用過、真的不爽過的，分析痛點，重新設計。

方向二：解決你身邊小圈子的真實問題

寵物社群找不到合適獸醫、家裡長輩用智慧型手機卡關、健身愛好者記錄訓練麻煩。從你最熟的圈層挖題目，因為你能訪談到真實使用者。

方向三：把舊產業的爛流程數位化

傳統市場叫貨系統、補習班排課、社區管委會公告。這類題目通常 90% 還在用紙本或 Excel，重新設計的空間很大。

作品集要呈現什麼

Why 專案的核心不是「最後做出多漂亮的畫面」，是「你怎麼推導到這個解法」。需要呈現：

▸ 你怎麼發現這個問題（最好有真實使用者引述、訪談紀錄、自己拍的痛點截圖）

▸ 你怎麼定義問題的範圍（不是「我要重做整個 App」，而是「我要解決註冊流程這 3 個 step 的卡點」）

▸ 你做了什麼決策、為什麼（這個按鈕為什麼放這裡、為什麼不用 modal 而用 sheet）

▸ 最後解法 + 你怎麼驗證它有效（找 2-3 個朋友走一次新流程、記錄反應）

注意：這個專案不需要做完整的 App。挑 1-2 個最關鍵的流程做深、把推導講清楚就夠了。深度 > 廣度。

CHAPTER 03 — PROJECT TWO

第二個專案：How——證明你能跑完整套流程

如果 Why 證明你會「想」，How 證明你會「做」。這個專案展示你能跑完整套設計流程——從 research → wireframe → high-fi → 交付。

為什麼這個重要？因為公司怕的是「請了一個只會出圖的設計師，但不會跟工程師溝通、不會做 design system、不會交付規格」。一個展示完整流程的專案能直接打消這個疑慮。

▲ Figma 官方頻道——Portfolio to Interview，從作品集到面試的 case study 完整教學

怎麼挑題目

How 專案的題目可以「比較系統化」一點，重點是流程能完整跑完，而不是題目本身要多創新。三個容易上手的選擇：

選擇 A：完整的中型 App 設計。例如「健身追蹤 App」「讀書筆記 App」「咖啡廳訂位 App」。這類題目市場上有很多參考，但你要做出自己的觀點。

選擇 B：既有產品的 design system 重建。挑一個你喜歡的 App，幫它建一套完整的 design system（顏色、字型、元件、icon、interaction guideline）。這個 demonstrate 你對「系統化思考」的能力。

選擇 C：Landing page + 後台儀表板組合。一個對外、一個對內，展示你能處理不同情境。對行銷導向公司特別有用。

流程要展示什麼

完整流程的六個 artifact

1. Research

使用者訪談摘要、競品分析、insight 整理

2. IA／流程

Site map、user flow、information architecture

3. Wireframe

低保真線稿，展示佈局思考過程

4. High-fi

完成稿，展示視覺執行力

5. 元件庫

至少展示按鈕、表單、卡片三類元件的 variant

6. Prototype

至少一段完整 user journey 的可互動 demo

最容易踩雷的地方

很多人做完 high-fi 就以為結束了，作品集只放一堆 mockup——這是 How 專案最大的雷。HR 想看的不是「最終美美的畫面」，是「你怎麼從一張白紙走到那裡」。

把 wireframe 跟 high-fi 並排展示、把 user flow 圖放在前面、用對比圖說明「我為什麼從 A 版改成 B 版」——這些「過程」才是讓你跟別人拉開差距的東西。

— THE REAL ANSWER —

作品集不是展示「你做了什麼」——
是展示「你怎麼想」。

CHAPTER 04 — PROJECT THREE

第三個專案：What——證明你的視覺執行力

▲ Behance Branding 精選——What 專案要追求的視覺強度，從 Logo、識別到實體應用都能放

前兩個專案處理「思考」跟「流程」，第三個處理「執行」。What 專案不需要太多脈絡，就是純粹用視覺品質讓人記得你。

很多人覺得 What 專案最淺、最不重要——錯。在 AI 時代，「視覺執行力」反而是最難被取代的部分。AI 可以幫你產生大量草圖，但「最後 20% 的精緻度」永遠落在人身上：字距怎麼調、顏色怎麼搭、間距怎麼算對。這就是 What 專案要展示的東西。

怎麼挑題目

What 專案要挑「視覺強度高、容易讓人記得」的題目。三個方向：

方向一：高品質的視覺概念專案。例如為某品牌做完整的 IG 內容系統（10–15 張視覺貼文）、設計一場活動主視覺（KV + 周邊應用 + 動態版本）、為某書籍做封面 + 內頁排版概念。

方向二：個人風格極強的探索作品。例如你迷上某種風格（cyberpunk、bauhaus、和風 minimalism），做一系列同主題的視覺探索。重點是有自己的語言。

方向三：靜態 + 動態組合作品。例如同一個 KV 做出 GIF / Lottie / 短影片版本。展示你能處理多媒材，這在 2026 年的 social media 工作越來越值錢。

Behance Typography 精選作品集——字體設計、排版探索的高品質範例

▲ Behance Typography 精選——個人風格探索類專案，有自己語言才能讓人記得

這個專案不要做的事

What 專案最容易掉的坑：寫一堆 case study 文字。跟 Why／How 不同，What 不需要解釋太多，視覺自己會說話。

放上專案標題、簡短一段你的設計概念（3-4 句話）、然後就讓視覺登場。八成的篇幅應該是圖片，不是文字。寫太多會讓視覺被稀釋。

另外避免：別放軟體截圖（沒人想看你 Figma 圖層怎麼命名）、別放實體 mockup 過度（一張高品質 mockup > 五張同類型的）、別放 AI 生圖當主視覺（可以用，但別當核心，會被一眼看穿）。

CHAPTER 05 — STRATEGY BY LEVEL

三個專案怎麼搭配（按受眾分層）

同樣是「Why ＋ How ＋ What」框架，不同階段的人配比策略要不一樣。三組情境分別講：

情境 A — 完全新手（學完軟體想找第一份工作）

配比：Why 30% ／ How 50% ／ What 20%

新人沒有業界經驗，HR 最怕「請了之後跟不上產品節奏」。所以重點放 How——用一個完整流程的 App 專案證明你能交付。Why 不用太大野心，挑一個你真的常用的小工具改設計就好。What 放一兩個你自己風格強的探索就夠。

建議專案組合：個人 App 重設計（Why）＋中型 App 完整設計（How）＋個人風格探索系列（What）

情境 B — 轉職者（從非設計領域跳過來）

配比：Why 50% ／ How 30% ／ What 20%

轉職者最大的優勢是「來自其他領域的視角」。把舊工作的 domain 痛點變成 Why 專案——做過電商的設計購物流程、做過行銷的設計 marketing tool、做過老師的設計教育產品。這是你跟新人最大的差異點，不要浪費。

建議專案組合：用前職經驗發現的痛點專案（Why）＋簡化版完整流程（How）＋你想轉去的產業相關探索（What）

情境 C — 在職設計師（想升級作品集換工作）

配比：Why 40% ／ How 40% ／ What 20%

已經有業界經驗的人最大的籌碼是「真實 case study」。把現職一兩個你最自豪的專案重新整理成完整 case study——不是直接貼公司給的截圖，而是站在第三人視角講故事：問題是什麼、你的決策、最後 impact。資深一點的職位，HR 會直接看你能不能講商業價值。

建議專案組合：現職真實 case study（Why）＋現職深度流程展示（How）＋ side project 視覺探索（What）

CHAPTER 06 — AVOID THESE

七個讓作品集被秒關的錯誤

錯誤一：放學校作業

學校老師看的東西，跟業界主管看的東西不一樣。學校重視「概念有沒有原創」，業界重視「能不能落地」。學校作業放上去，HR 看一眼就知道你沒做過真實案子，扣分。要嘛重做、要嘛拿掉。

錯誤二：放軟體截圖當作品

「我學會 Figma 元件」、「我會用 Photoshop 修圖」這種截圖完全沒意義。HR 不是要看你會用工具，是要看你用工具做出什麼。把這些東西放作品集，等於告訴對方「我只是學會工具的學生」。

錯誤三：堆量不堆質

三十個半成品專案 vs 三個完整專案——後者勝。HR 看作品集只給你十分鐘，他們會直接看前三個專案是否夠強，後面的不會看。把最強的三個挑出來做透就好。

錯誤四：過度美化作品集本身

作品集本身的設計如果搶過你的作品，那是反效果。簡潔、清楚、可閱讀就好。不要用花俏的 portfolio template、不要塞滿動畫、不要設計到讓人看不到內容。Notion / Framer / 簡單的 PDF 都夠用。

錯誤五：沒有 case study 文字

純圖沒有文字解釋，HR 看不出你的思考過程。每個專案至少要有：(1) 專案目標 (2) 你的角色 (3) 主要決策 (4) 最後結果。四個小段落，不要超過 200 字，但一定要有。

錯誤六：講太多概念、講太少結果

「我希望透過此專案探索人與科技的關係」——HR 不關心。他們關心：你解決了什麼問題、結果如何、你學到什麼。把概念話術砍掉 70%，把結果跟反思加上去。

錯誤七：只做數位、不做 mockup

純 Figma 介面截圖很無聊。一張高品質的 device mockup（iPhone 上展示你的 UI、品牌應用在實體名片）能讓視覺強度直接上一個檔次。Mockup 用 Mockuuups Studio 或 Rotato 都很快，不要懶。

FAQ — FREQUENTLY ASKED

常見問題

Q1. 完全沒實戰經驗，三個專案都要自己生嗎？

是的。新手作品集 90% 是 self-initiated 專案——HR 也知道。重點不是「你有沒有真案子」，而是「你的 self-initiated 專案能不能展示業界等級的思考」。所以 Why 專案的題目要選真實痛點，How 專案的流程要走完整，這樣即使沒接過案，也能證明你準備好了。

Q2. 三個專案要花多久做出來？

完全新手大約 3-4 個月，每個專案抓 4-6 週。轉職者可以更快，因為前職經驗能加速 Why 專案的形成。在職換工作的人理論上 1-2 個月就能整理出 case study。重點不是時間，是專注度——一次只做一個專案，不要同時開三個進度都卡住。

Q3. 作品集放哪個平台最好？

UI／UX 設計師建議用 Behance、Notion 或 Framer 自架網站。視覺設計師建議用 Behance + Instagram。平面／品牌設計師建議用 Behance + 一份 PDF 攜帶版。重點不是選哪個平台，是「鏈接好不好分享、載入快不快」。Dribbble 適合放 What 專案的單張視覺，但不適合放完整 case study。