UI 設計師履歷指南 — 如何撰寫能獲得面試機會的履歷
網頁及數位介面設計師在 2024 年 5 月的薪資中位數為 98,090 美元，前 10% 的年收入超過 192,180 美元 [1]。BLS 預計網頁開發人員和數位設計師的就業增長率至 2034 年將達到 7%——高於全國平均水準——每年約有 14,500 個職缺，主要受電子商務擴張和持續轉向行動優先數位體驗的驅動 [1]。UI 設計位於視覺設計、互動設計和前端實作的交匯點，你的履歷必須證明你能在生產規模下兼顧美學與可用性。
本指南涵蓋如何撰寫一份展現創意能力和產品團隊所依賴的系統性設計思維的 UI 設計師履歷。
核心要點
- 作品集連結是必備項目，應放在履歷頂部——沒有作品集的 UI 設計師履歷，招募人員不會考慮。
- 量化設計影響力：轉化率提升、可用性測試分數、任務完成率、設計系統採用指標和開發交付效率。
- 列出具體工具並標示精通程度——Figma 精通對不同團隊有不同含義（線框圖 vs. 原型設計 vs. 設計系統架構）。
- 展示你理解設計系統、元件庫和可擴展設計——不只是單一畫面。
- 包含跨功能協作經驗：與產品經理、工程師、研究員和內容策略師的合作。
招募人員在 UI 設計師履歷中尋找什麼？
UI 設計的招聘評估結合了視覺工藝、系統思維和協作能力：
- 作品集品質 — 履歷讓你的作品集被打開，作品集讓你獲得面試。確保你的案例研究展示過程（研究、線框圖、迭代），而非僅展示最終畫面 [2]。
- 設計工具精通度 — Figma 佔主導地位，但 Sketch 和 Adobe XD 仍有使用。Auto-layout、元件架構、變體管理和原型設計是基本期望，而非僅是畫板建立。
- 設計系統經驗 — 擁有成熟產品的公司需要能建構和維護元件庫、設計 token 和文件的設計師——不只是使用它們。
- 可衡量的影響力 — 轉化率提升、任務完成率改善、客服工單減少和無障礙合規性，證明你的設計決策是以數據為依據的。
- 前端認知 — 理解 CSS、HTML 結構和響應式行為有助於設計師交付可實作的設計。這是一個重要的差異化因素 [3]。
UI 設計師的最佳履歷格式
- 長度：大多數候選人一頁即可。兩頁僅適用於擁有豐富設計系統和領導經驗的資深/首席設計師。
- 版面：乾淨、現代，視覺設計克制。最多一個強調色。履歷應展現品味，但不應成為作品集的一部分。
- 作品集連結：放在頂部位置，顯眼標示。視情況附上 Dribbble、Behance 或個人網站。
- 段落順序：聯絡方式/作品集連結 → 摘要 → 經歷 → 技能 → 教育/證照。
- 專案段落：適用於專業經驗不足 3 年或有重要自由接案/開源設計系統貢獻的候選人。
應包含的核心技能
硬技能
- Figma（auto-layout、元件、變體、設計 token、原型設計、Dev Mode）
- 設計系統架構（元件庫、風格指南、文件）
- 響應式與自適應設計（行動優先、斷點策略）
- 互動設計與微互動
- 線框圖與資訊架構
- 原型設計（Figma、Framer、ProtoPie）
- 視覺設計（排版、色彩理論、版面、間距、網格系統）
- 無障礙設計（WCAG 2.1 AA、色彩對比、鍵盤導航、螢幕閱讀器）
- 圖示設計與插圖
- HTML/CSS 理解（響應式版面、flexbox、grid）
- 設計交付與開發者協作（Figma Dev Mode、Zeplin）
- 使用者研究綜合與可用性測試分析
- 動態設計原則（動畫時間、緩動、轉場）
- 設計 QA 與實作審查
軟技能
- 與產品、工程和研究的跨功能協作
- 設計評論的給予和接受
- 利害關係人簡報與設計理據溝通
- 使用者同理心與倡導
- 設計指導與配對設計
- 優先順序排定與範圍管理
- 迭代式設計思維與快速原型設計
工作經歷要點
初階（0-2 年）
- 為行動電商應用程式（iOS 和 Android）設計 UI，涵蓋 35 個畫面，包含瀏覽、購物車、結帳和帳戶流程，上線後貢獻了行動轉化率 22% 的增長。
- 在 Figma 中建立元件庫，包含 80 多個可重複使用的元件（按鈕、表單、卡片、導航、模態視窗），使用 auto-layout 和變體，將設計到開發的交付時間縮短 40%。
- 根據使用者研究結果重新設計 SaaS 產品的入門流程，透過簡化步驟數（從 7 步減至 3 步）和漸進式揭露模式，將入門流失率從 45% 降至 18%。
- 對 12 個產品畫面進行無障礙稽核，識別並解決 25 項以上 WCAG 2.1 AA 違規（色彩對比、焦點指標、替代文字、ARIA 標籤），使產品達到完全合規 [4]。
- 為 3 個功能提案製作互動式 Figma 原型用於利害關係人簡報，其中 2 個功能獲得批准並在當前衝刺週期進入開發。
中階（3-7 年）
- 主導 B2B SaaS 平台的 UI 設計，服務 50,000 多名使用者，設計超過 100 個畫面，涵蓋儀表板、分析和管理模組，應用內調查的平均使用者滿意度達 4.2/5。
- 架構並維護一套設計系統，包含 200 多個元件、15 個頁面範本及完整文件，被 8 名設計師和 20 名工程師在 4 個產品小組中採用，設計不一致回報減少 85%。
- 重新設計市集平台的核心搜尋和篩選體驗，經主持式可用性測試驗證，任務完成率從 62% 提升至 88%，平均搜尋時間從 3.2 分鐘縮短至 1.1 分鐘 [5]。
- 使用 Figma token 和 Style Dictionary 建立設計到程式碼的工作流程，實現 Figma 與 React 元件庫之間的自動化設計 token 同步，在設計變更時消除 90% 的手動 CSS 更新。
- 主導橫跨網頁、平板和手機斷點的響應式重新設計，涵蓋 200 頁行銷網站，行動互動率提升 35%，行動跳出率從 68% 降至 42%。
資深（8 年以上）
- 在 200 人的產品組織中建立並領導 6 人的 UI 設計團隊，建立設計評論流程、職涯階梯和招聘制度，團隊在 2 年內從 2 人成長至 6 人，流動率為零。
- 設計並推出公司首個統一設計系統（「Fabric」），涵蓋網頁、iOS 和 Android 平台，包含 400 多個元件，每個元素都內建無障礙支援，被 12 個產品團隊和 60 多名工程師採用。
- 推動影響 300 多個畫面的全平台視覺更新，協調 5 個產品團隊和 15 名工程師歷時 6 個月，淨推薦值提升 28%，與 UI 混淆相關的客服工單減少 15%。
- 與工程副總合作實施設計 QA 流程，由設計師根據設計規格審查每個已上線功能，將生產環境中的視覺缺陷減少 70%，並將設計還原度確立為工程品質指標。
- 在 3 場行業會議（Config、Figma Community、UX London）發表關於設計系統擴展和跨平台一致性的演講，使公司成為系統化設計的思想領袖 [6]。
專業摘要範例
初階：擁有 2 年經驗的 UI 設計師，為電商和 SaaS 產品設計行動端和網頁介面。精通 Figma（元件、auto-layout、原型設計），具備建立元件庫和進行無障礙稽核的實務經驗。透過數據驅動的重新設計貢獻了行動轉化率 22% 的增長。作品集：[連結]。
中階：擁有 5 年經驗的 UI 設計師，主導服務 50,000 多名使用者的 B2B SaaS 平台介面設計。精通 Figma、設計系統架構（200 多個元件）及使用設計 token 的設計到程式碼工作流程。任務完成率提升 42%、設計不一致減少 85% 的實證記錄。
資深：擁有 10 年以上經驗的資深 UI 設計主管，建立設計團隊、推出跨平台設計系統（400 多個元件）並推動全平台視覺轉型。具備領導 6 人設計團隊、提升 NPS 28% 及建立將生產缺陷減少 70% 的設計 QA 實務的能力。設計系統擴展方面的會議演講者。
教育與認證
UI 設計是以作品集為導向的領域，但正規教育提供紮實的基礎：
- 學士學位——平面設計、視覺傳達、互動設計、人機互動或相關領域——大多數雇主期望具備，但擁有出色作品集時並非絕對要求 [1]。
- 訓練營或證書課程——在擁有完善作品集和專業經驗的情況下是可行的路徑。Google、Springboard 和 Designlab 的課程受到認可。
- 自學加作品集——在業界是可接受的，特別是在展示專業作品的情況下。
相關認證與培訓：
- Google UX Design Professional Certificate — 涵蓋 UX/UI 設計基礎（Google 透過 Coursera 提供）。
- Interaction Design Foundation (IxDF) 課程 — 在互動設計和 UI 模式方面受到認可的進修教育。
- Nielsen Norman Group UX Certification — 業界廣泛認可的進階 UX 認證（NNg）[5]。
- IAAP WAS（Web Accessibility Specialist） — 驗證無障礙專業知識（國際無障礙專業人員協會）[4]。
- Figma 認證 — 驗證工具精通度的平台專屬認證（Figma）。
常見履歷錯誤
- 沒有作品集連結 — 沒有作品集連結的 UI 設計師履歷會立即被淘汰。將其放在頂部，緊鄰姓名和聯絡資訊。
- 將履歷當作設計展示 — 適度設計的履歷展現品味。過度設計的履歷（複雜版面）會破壞 ATS 解析，並暗示對場合適當性的判斷力不佳。
- 列出工具但不展示深度 — 「Figma」什麼都沒說。「Figma（設計系統架構、元件變體、auto-layout、互動式原型設計、Dev Mode 交付）」則傳達了能力。
- 沒有商業影響指標 — 「設計了結帳流程」vs.「重新設計結帳流程，轉化率提升 22%，購物車放棄率降低 15%」——後者證明你的設計決策具有實質意義。
- 缺少設計系統經驗 — 規模化的公司需要能建構系統化、可重用 UI 的設計師——不僅是像素完美的一次性畫面。包含元件庫和設計 token 的經驗。
- 沒有提及無障礙 — WCAG 合規性越來越被要求，許多職缺描述明確列出無障礙要求。包含你做過的任何無障礙工作 [4]。
- 忽略前端認知 — 提及 HTML/CSS 理解、響應式設計知識或設計到程式碼工作流程，能將你與那些只是把靜態模型丟出去的設計師區分開來。
UI 設計師 ATS 關鍵字
UI Design、User Interface Design、Visual Design、Figma、Sketch、Adobe XD、Design System、Component Library、Responsive Design、Mobile Design、Web Design、Interaction Design、Prototyping、Wireframing、Typography、Color Theory、Accessibility、WCAG、Information Architecture、User Experience、UX、Design Tokens、Auto Layout、Design Handoff、Usability Testing、Micro-interactions、HTML、CSS、Front-End、iOS Design、Android Design、Material Design、Human Interface Guidelines、Design QA
核心要點
- 作品集連結放在最上方——你的履歷打開門，但作品集促成交易。
- 用轉化率、可用性分數和採用指標量化設計影響力。
- 展示設計系統經驗——元件庫、token 和文件。
- 包含無障礙專業知識——這越來越成為職位要求。
- 保持履歷設計乾淨且 ATS 相容。展現品味，而非過度。
使用 Resume Geni 建立你的 ATS 優化 UI 設計師履歷——免費開始。
常見問題
問：我的 UI 設計師履歷本身應該被設計嗎？ 答：適度即可。乾淨的版面搭配一個強調色和精緻的排版展現品味和克制。過度設計的履歷（複雜網格、大量圖形、不尋常版面）會破壞 ATS 解析，並可能讓每天掃描數百份履歷的招募人員感到困擾。你的作品集才是展示設計能力的地方。
問：作品集和履歷，哪個更重要？ 答：兩者都不可或缺，但用途不同。履歷讓你通過初步篩選（ATS、招募人員掃描）。作品集向招聘經理證明你的設計能力。缺少任何一個都無法發揮作用。沒有強有力的履歷，你的作品集可能永遠不會被看到 [2]。
問：UI 設計師履歷應該包含 UX 研究嗎？ 答：如果有的話，是的。UI 和 UX 之間的界線持續模糊，展示你的設計決策是基於研究（可用性測試、使用者訪談、數據分析）會強化你的候選資格。將其定位為設計流程的輸入，而非獨立的技能組。
問：UI 設計師需要具備程式碼能力嗎？ 答：不需要編寫生產級應用程式，但理解 HTML/CSS 結構、響應式行為和設計到程式碼工作流程是一個重要的差異化因素 [3]。列出「HTML/CSS 熟悉度」或「設計 token 到程式碼管線經驗」表明你是為實作而設計，而非僅為美學。
問：我的作品集應該包含多少個專案？ 答：3-5 個優質案例研究是標準。每個應展示過程（問題、研究、線框圖、迭代、最終設計、結果），而非僅是最終畫面。質量重於數量——移除較弱的專案，而非為了充數。
問：應該包含自由接案工作嗎？ 答：如果該工作展示相關技能且是為知名品牌完成或產生了可衡量的成果，是的。將短期自由接案專案歸在單一的「Freelance UI Designer」標題下，附上日期範圍。
問：設計系統經驗有多重要？ 答：對中高階職位至關重要。擁有成熟產品的公司需要能建構、擴展和記錄元件系統的設計師——不僅是建立單一畫面。如果你建構或顯著貢獻了設計系統，請將其作為履歷的亮點。
引用： [1] Bureau of Labor Statistics, "Web Developers and Digital Designers," Occupational Outlook Handbook, https://www.bls.gov/ooh/computer-and-information-technology/web-developers.htm [2] All Art Schools, "UX Designer Salary and Job Growth," https://www.allartschools.com/ui-ux-design/salary/ [3] Research.com, "Web Design Careers: Skills, Education, Salary & Job Outlook," https://research.com/advice/web-design-careers-skills-education-salary-job-outlook [4] W3C, "Web Content Accessibility Guidelines (WCAG) 2.1," https://www.w3.org/TR/WCAG21/ [5] Nielsen Norman Group, "UX Certification," https://www.nngroup.com/ux-certification/ [6] Figma, "Config Conference," https://config.figma.com/
