2025 UIUX作品集準備完整指南

最後更新時間： 2025 年 11 月 17 日

準備 UIUX工作時，設計師作品集永遠是左右面試成敗的關鍵。但要做出一份真正能代表自己、又能被面試官完整看見的 UIUX作品集，往往比想像中難。畫面要好看、內容要有邏輯、流程要清楚、成果要可量化，還得在短短一分鐘內吸引主管停下來。

這篇文章整理我 2025 年重新打造 UIUX設計師作品集準備流程與實戰心得，讓你省掉走彎路的時間，做出一份能讓你順利找到理想工作的作品集。

UIUX作品集的目的：不是展示漂亮的畫面，而是展示你的思考

UIUX作品集的核心不是頁面有多華麗，而是你如何拆解問題、提出方案與呈現成果。它是你「專業能力的證據」，不是簡單的作品展示。

你可以把 UIUX作品集 想像成是一份主張：

• 你如何理解使用者
• 你如何平衡商業、體驗與技術
• 你如何把複雜的資訊轉成可行的設計方案
• 你如何合作、驗證、迭代

如果你有特定鎖定的產業（電商、金融科技、SaaS…），在作品集中放入相關內容，更能直接強化你的匹配度。

UIUX作品集必備內容與架構（2025 版本）

我整理大量設計師的作品集後，歸納出最能清楚呈現「個人能力」的三大區塊。

1️⃣ 首頁：一句話說明你的專業定位

首頁的作用不是華麗展示，而是直接讓面試官知道：

• 你擅長什麼？
• 你想找什麼類型的工作？
• 你的設計風格偏「理性、研究」還是「創意、視覺」

2️⃣ 作品頁：情境 → 行動 → 結果

作品頁是面試官最在意的核心

情境（Context）
案子的背景、目標、受限條件是什麼？

行動（Action）
你做了什麼？
你如何研究？
怎麼定義問題？
提出了哪些方案？
如何與 PM / 工程師合作？

結果（Result）
數據、驗證成果、學到什麼、下一步思考。
這是一種簡潔但能完整展示思考脈絡的結構。

3️⃣ 關於我：讓面試官了解你的專業輪廓

在這裡呈現你除了專業之外的其他面向：

• 你的職涯背景
• 專長與能力
• 軟實力（溝通、協作、跨部門經驗）
• 獲獎、講師經驗、內訓或帶團隊經驗

這些會大幅提升作品集的可信度與專業度。

UIUX 作品集製作流程

以下流程是我今年重新整理作品集時的實際步驟，也適合新手與有經驗的設計師參考。 如果你正在重做 UIUX作品集，可以直接照這份流程跑～

Step 1：依照個人背景訂做專屬架構（非常重要）

每位設計師的作品集都應該「因人而異」。以我自己為例，我的作品集分成三部分：

• 首頁
  • 我的設計價值與專長定位
  • 主要作品入口
• 作品頁
  • 情境
  • 痛點與限制
  • 解法
  • 成果與後續優化方向
• 關於我
  • 工作經歷
  • 設計領導與跨部門合作
  • 成長與學習軌跡

Tips

我會把自己舊作品集的架構丟給 ChatGPT，請他依據我的定位與專長做調整，再挑幾種不同方向給我比較。

Step 2：選擇適合的呈現方式與工具

我現在使用 Framer 製作作品集，原因是：我懂一點前端，因此 Framer 的 CMS 結構非常符合我的使用習慣。能快速更新作品與內容，不用重新切版，視覺彈性大，可呈現更好的使用體驗。

其他常見選擇：

• Wix（入門最簡單）
• Webflow（自由度高、結構乾淨）
• Behance （適合以專案呈現）
• PDF（面試前寄出的安全版本，適合資安嚴格的公司）

Step 3：作品選擇策略（最困難的部分）

大家都知道：不要把手邊所有作品都放上去！但除了作品的完整度與質量，更重要的是能夠呈現你的能力展示組合。

我的做法是：

1. 先列出所有作品，保留完整度高、高品質的作品
2. 逐一寫下這個作品我「貢獻最大」的部分
3. 寫出我想呈現的能力（例如：用戶研究、設計系統、破壞式創新、資訊架構、跨部門協作…）
4. 最後挑出最能代表我的 3–4 件作品

作品選擇一定要有策略，例如：你想找 SaaS，則應該放 B2B、權限管理、複雜操作流程的案例。
同樣道理也適用於新手：你沒有真實專案沒關係，但一定要寫「你想成為什麼類型的設計師」，讓你的作品方向一致。

Tips

我會把「作品清單＋重點」丟給 GPT，請他幫我排序與挑選呈現方式。效果很好，能快速抓出盲點。

Step 4：蒐集回饋並做優化

一份作品集在沒有經過外部視角檢查前，很難看出資訊是否清楚、敘事是否順暢、畫面是否容易閱讀。

因此我會把作品集初稿分享給信任的同業朋友，包括 PM、PO、設計師或過去合作密切的夥伴。不同角色會看到你看不到的盲點：

UIUX 作品集和產品一樣並不是一次到位，而是透過回饋不斷修正、補強，最終形成一份能真正代表你的專業能力的作品。

UIUX作品集範例哪裡找？

準備 UIUX作品集 時，參考他人的作品結構是非常有效的方式。不是照抄，但觀察「別人如何講故事、如何呈現流程、如何視覺化資訊」會讓你更快抓到作品集的節奏。以下是我自己最常使用的三大方向：

1. LinkedIn：真實求職設計師的作品集

LinkedIn 上有大量 UIUX 設計師主動分享自己的作品集。我會把看到的優秀案例存入自己的資料庫，拆解：

• 每個案例呈現哪些設計過程？
• 資訊量控制與排版是如何處理？
• 如何把研究、流程、成果整理成一頁？

LinkedIn 的好處是「真實」，因為這些作品集都是為求職而生，可以直接反推業界對 UIUX 作品集 的期待。

2. Figma Community：完整度高的參考模板

Figma Community 有許多高品質的 Portfolio Template、如何將 Figma 轉為網站示範，非常適合第一次製作作品集的設計師。我會看：

• 如何用圖示＋文字說清楚設計邏輯？
• 如何排版讓資訊看起來清楚舒服？

3. Behance / Dribbble：視覺完整度與品牌風格的靈感庫

這兩個平台比較偏向視覺呈現。我會用來參考：

• 封面與第一屏如何更有吸引力？
• 如何把設計過程變成可視化的圖表？

如果你的作品集風格偏「視覺導向」，這兩個平台會非常有用。

設計作品集大忌 ❌

1. 盜用作品

UIUX作品集 是專業證明，而任何盜用、模仿甚至「套模板換色」都會在面試中立刻被識破。
設計就是一種創作，盜用就是踩底線。
如果是新手想展示工具能力，可以在標題註明「臨摹練習」或「UI 改版練習」。

2. 只改顏色或套模板，卻當成自己的作品

面試官一看就知道。UIUX 的核心不是視覺，而是「設計思考」。
沒有研究、沒有問題意識的 漂亮介面，對主管沒有任何說服力。

3. 品質參差不齊、半成品太多

作品集重質不重量。
比起放四、五個不完整的案子，放一個完整又有深度的案例來得更強。

4. 以「資料夾」或雜亂檔案形式提供作品

面試官不會花時間幫你整理結構，
因此網站或 PDF（且可在手機上閱讀）永遠是最佳解。

5. 過度設計，喧賓奪主

太重視動畫、太多背景色、太多裝飾，都會影響資訊清晰度。
最終會讓人看不清楚你的思考流程。

6. 忽略手機閱讀體驗

主管可能在通勤、休息時用手機看作品集。
如果你的 PDF 跑版、字太小、圖檔過大檔案打不開，就可能被略過。

UIUX作品集常見問題（FAQ）

UIUX作品集是不是作品越多越好？

不是。最有效的作品集通常只有 2～4 個案例，而且每個都非常完整。
面試官的時間很有限，他們想看到的是：
你最擅長什麼？你的能力是否匹配我們的產品？你是否能獨立拆解問題？
這些通常一到兩個案例就能判斷。

只要畫面漂亮，面試官就會滿意嗎？

不會。視覺好只是基本款，清晰邏輯與設計理由才是讓面試官想深入了解。
尤其台灣市場，即使強調 UX，也一定要在意細節、排版與易用性。
漂亮沒有邏輯，面試官一樣不會買單。即使是改版練習，也應該提出「為何優化」的原因。

作品集是不是要呈現所有細節？

不需要，也不建議。作品集的目的不是「完整紀錄」，而是「勾起面試官興趣」。
細節應該在面試中說，因為那才是你的舞台。作品集主要呈現：

• 案子的關鍵決策
• 核心問題
• 你的設計價值
• 前後差異與成果

每個專案都要用同樣的格式嗎？

不用，也不建議。格式一致會降低你的多元能力。
最佳策略是「每個案例強調不同能力」，例如：這案子強調研究、下一個案子強調 UX flow…
組合起來，就是一份屬於你獨特的 UIUX 作品集。

主管在作品集中最看重什麼？

我以用人主管的經驗回答：面試官大多只會花不到 1 分鐘快速掃過你的作品集。
真正會讓主管停下來看的，是：

• 畫面乾淨且易讀
• 有清楚的角色貢獻
• 設計邏輯能走得通
• 成果夠明確

不同主管重視的點不同，但以下面向最常被看見：

• 研究深度（對產品優化的問題發現、問題定義）
• 問題解決與溝通能力（針對產品提出的解決方案）
• UI 細節（因應痛點，精心優化的元件或流程設計）
• 可量化成果（數據、迭代、驗證）

你的作品集只要能回答「你帶來什麼價值？」就會立刻脫穎而出。

結語

如果你正在準備 UIUX作品集、求職方向還不夠明確，或想了解自己的能力應該如何呈現，我很樂意協助你一起釐清。
作品集不只是應徵文件，而是你專業價值的展現方式。
若你希望進一步釐清結構、挑選作品、定位個人能力，歡迎預約我的一對一諮詢，
一起把你的作品集打造成能代表你的版本。