UI 設計師怎麼入行？2026 工作內容、作品集與薪資
打開任何一個 App，按鈕的大小、顏色的對比、頁面之間的轉場、欄位的對齊，這些讓你「不用想就會用」的細節，背後都是 UI（User Interface）設計師的工作。它不只是把畫面做漂亮，更要在好看與好用之間找到平衡，再把設計交付成工程能精準實作的規格。台灣的 UI 設計職缺集中在軟體、電商、金融科技與接案工作室，門檻看似低、實際競爭激烈，作品集幾乎決定了你能不能進門。這篇談 UI 設計師實際做什麼、作品集怎麼準備、薪水落在哪。
UI 設計師實際在做什麼
UI 設計遠不只「畫畫面」，一個成熟的 UI 設計流程包含這些環節：
- 視覺設計：色彩、字體、間距、圖示，建立產品的視覺語言與一致性。
- 介面與元件設計：設計按鈕、表單、卡片、導覽等可重複使用的元件。
- 互動原型：在 Figma 裡做出可點擊、有轉場的高擬真原型，讓團隊在開發前就能體驗流程。
- 設計系統維護：把元件、樣式、規範整理成可共用的設計系統，確保跨頁面、跨產品一致。
- 交付與標注：把設計轉成工程能讀的規格（尺寸、間距、狀態），和前端工程師對接。
UI 設計師常和 UX（體驗）綁在一起談，但重心不同：UX 管「流程合不合理」，UI 管「畫面好不好看、好不好用」。台灣很多職缺寫「UI/UX 設計師」，實際偏 UI 執行的居多。
UI、UX、平面設計怎麼分
這三個角色常被混淆，但產出與技能差很多：
| 比較項目 | UI 設計師 | UX 設計師 | 平面設計師 |
|---|---|---|---|
| 主要產出 | 介面視覺、原型、設計系統 | 流程、線框圖、資訊架構 | 海報、包裝、品牌視覺 |
| 核心工具 | Figma | Figma、流程圖工具 | Photoshop、Illustrator |
| 互動考量 | 高（狀態、轉場） | 高（流程、邏輯） | 低（靜態為主） |
| 與工程協作 | 密切 | 中 | 少 |
| 動態 / 載入狀態 | 要設計 | 要規劃 | 通常不涉及 |
實務上小公司常一人包辦 UI、UX 甚至平面，大團隊才會分工。從平面轉 UI 是常見路徑，但要補上「互動」與「狀態」的思維，靜態海報不用考慮按鈕被按下去長什麼樣，UI 要。
必備技能與工具
UI 設計的硬技能與軟技能都跑不掉：
| 類別 | 技能 / 工具 | 說明 |
|---|---|---|
| 主力工具 | Figma | 台灣 UI 職缺幾乎標配，要熟元件、變體、Auto Layout |
| 視覺基本功 | 色彩、字體排印、版面 | 決定作品的質感天花板 |
| 互動概念 | 狀態、轉場、微互動 | 區分 UI 設計與平面的關鍵 |
| 規範理解 | iOS / Material 設計準則 | 讓設計符合平台慣例 |
| 協作能力 | 交付標注、和工程對接 | 設計能不能落地的關鍵 |
Figma 是現在的絕對主流，會做設計系統（元件庫、變體、tokens）是中階以上的分水嶺。會一點前端（HTML/CSS）不是必要，但能讓你的設計更貼近工程現實，溝通也更順。
UI 設計師各年資薪資概估
以下為全職受僱 UI 設計師的月薪概估區間。設計類薪資普遍低於工程類、區間偏寬，依勞動部職類別薪資調查設計類與 104 設計職缺揭露為準，外商與資深設計系統職溢價明顯：
| 年資 | 職級 | 月薪概估範圍 | 說明 |
|---|---|---|---|
| 0–2 年 | 初階 UI 設計師 | 35,000–48,000 | 多做既有元件套版與切版交付 |
| 2–5 年 | UI 設計師 | 45,000–70,000 | 獨立負責產品介面設計 |
| 5–8 年 | 資深 UI 設計師 | 65,000–95,000 | 建立並維護設計系統 |
| 8 年以上 | 設計主管 / Design Lead | 90,000–140,000+ | 帶設計團隊、定設計方向 |
影響薪資的因素：
| 因素 | 影響 |
|---|---|
| 外商或國際遠端 | 同年資薪資常高出三到五成 |
| 設計系統經驗 | 能從零建設計系統者稀缺 |
| 產業別 | 金融科技、B2B SaaS 高於內容平台與接案 |
| 是否懂一點前端 | 能和工程深度協作者較吃香 |
作品集怎麼準備
UI 面試成敗幾乎由作品集決定，準備重點：
- 3 到 5 個完整專案：每個都要呈現「問題 → 設計過程 → 最終介面 → 為什麼這樣設計」，不要只貼漂亮成品。
- 展現思考而非只展現美感：說明你怎麼做取捨、為什麼選這個配色、這個流程解決了什麼問題。
- 至少一個有設計系統的案例：呈現元件化、一致性的能力，這是中階以上的分水嶺。
- 包含互動原型：放可點擊的 Figma prototype 連結，比靜態截圖更有說服力。
沒有業界專案時，可以「重新設計」一個你常用但覺得難用的 App，完整走一輪流程，重點是展現你的設計思路與解決問題的能力。
這行不適合誰
受不了被改稿與主觀評價的人。設計沒有絕對對錯，老闆、PM、工程都可能有意見，一個畫面改十遍是常態，玻璃心的人會很受傷。
只想做漂亮畫面、不想管落地的人。UI 設計要對接工程、處理各種狀態與邊界情況，純追求視覺美感、不想碰實作細節的人會卡關。
抗拒持續學新工具與趨勢的人。設計工具與介面趨勢變化快，今年流行的風格明年可能過時，不願持續更新的人會被淘汰。
期待短期高薪的人。設計類起薪普遍低於工程，前幾年薪資成長慢，要明顯突破多半得靠作品實力往外商或資深職走。
常見問題
Q：UI 設計師一定要會寫程式嗎？ A：不需要，但懂一點 HTML/CSS 是明顯加分。會基本前端能讓你的設計更貼近工程現實（知道什麼好做、什麼難做），和工程師溝通也更順，交付的規格更精準。多數 UI 工作不要求寫產品程式，但完全不懂工程限制的設計師容易做出難以實作的稿。
Q：非設計本科、自學能入行嗎？ A：可以，UI 是相對能靠作品集突圍的領域。重點不是科系，是你的作品能不能展現視覺品質與設計思考。透過課程學 Figma 與設計原則，再用自主專案累積 3 到 5 個完整案例。台灣不少 UI 設計師是從平面、行銷甚至完全跨領域自學轉入的。
Q：UI 設計師會不會被 AI 取代？ A：AI 工具能加速產圖、生成草稿，但 UI 設計的核心價值在「判斷」——什麼設計適合這個產品、這群使用者、這個品牌。AI 改變的是工作方式（更多時間在判斷與整合，更少時間在純執行），而非消滅職位。會用 AI 工具提升效率的設計師反而更有競爭力。
Q：UI 和 UX 該專精哪一個？ A：看你的興趣與市場。台灣多數職缺寫「UI/UX」但偏 UI 執行，所以 UI 硬技能（Figma、視覺）是基本盤。如果你更喜歡研究使用者、規劃流程，可往 UX 深化。建議先把 UI 執行做扎實，再決定是往視覺專精（資深 UI / 設計系統）還是往體驗規劃（UX）發展。
資料來源
- 勞動部「職類別薪資調查」設計類與藝術、娛樂及休閒服務業相關職類薪資結構，作為各年資區間參考。
- 104 人力銀行「UI 設計師 / UI/UX 設計師」職缺敘述與薪資揭露，整理工具需求與作品集要求。
- 台灣設計研究院（TDRI）與設計產業相關公開報告，對照設計人才需求趨勢。
- Apple Human Interface Guidelines 與 Google Material Design 官方準則，作為平台設計規範依據。
以上為公開統計與職缺資訊整理，設計類薪資區間寬、隨產業與作品實力差異大，求職前請以各來源最新版本為準。
延伸閱讀
- UX 研究員怎麼入行？2026 工作內容與薪資：UI 設計常和 UX 綁在一起，理解研究端有助設計決策。
- 平面設計師職涯解析｜2026 工作內容與薪資：從平面轉 UI 是常見路徑，兩者技能可對照規劃。
- 動態設計師職涯如何？2026 motion graphics 工作與薪資：UI 的微互動與轉場是動態設計的延伸領域。
- 作品集怎麼準備？讓履歷脫穎而出的關鍵：作品集幾乎決定 UI 設計師能不能進門。
- 轉職怎麼規劃？從現職跨到新領域的完整步驟：很多 UI 設計師是從平面、行銷或完全跨領域自學轉入。