UI/UX 設計 — 個人成長實踐指南
想學設計，卻一直覺得「等我準備好再開始」嗎？其實 UI/UX 最棒的地方就是：今天動手，明天就看得到進步。
UI 管的是看得到的東西——按鈕、顏色、排版、圖示；UX 管的是「用起來順不順」。兩個是一體兩面：介面再美，讓人一頭霧水，就是失敗。
這門技藝回饋超快，特別適合「邊做邊學」。成長就抓三個方向：
- 養設計眼：看夠多好作品，培養好壞直覺。
- 動手做：用 Figma 把想法變成能點的原型。
- 懂使用者：學設計原則，站在使用者角度想。
每日可執行的操作目標
初級（建立眼力與手感）
- 每天臨摹一個介面：從 Dribbble 或 Mobbin 挑一個喜歡的畫面，用 Figma 一比一重做出來。重點不在「原創」，而在練習對齊、間距、字級與配色。
- 每天記錄一個好或壞的 UX：打開手機任一 App，寫下「哪個流程讓我覺得順／卡」，並用一句話說明原因。可在 Obsidian 開一則每日筆記累積。
- 每天認識一個設計名詞：例如「留白」「對比」「層級」「行動呼籲（CTA）」，查清楚定義並找一個實例。
- 每天看一支 5–15 分鐘的設計影片：選一個 YouTube 頻道固定追，把學到的一個技巧馬上套用到臨摹練習上。
進階（建立流程與作品）
- 每週完成一個小專案：例如「重新設計一個天氣 App 首頁」或「為一家虛構咖啡店做訂位流程」，從線框圖（wireframe）到可點擊原型完整走一遍。
- 每天用一條可用性原則檢視作品：對照 Nielsen 的十大可用性原則，挑一條（如「系統狀態可見性」）來檢查自己或別人的設計。
- 每週做一次小型使用者測試：找一位朋友操作你的原型，全程不出聲提示，只記錄他卡在哪裡。
- 每週整理一頁作品集：把當週的小專案寫成「問題 → 思考 → 解法」的案例，逐步累積成 portfolio。
精選網路學習資源
挑你順眼的點進去就好，不用每個都收藏。先從「入門」那一區開始。
入門與設計原則
- UI、UX差在哪？零基礎也能入門，UI/UX自學３步驟（Cheers 快樂工作人） — 用最白話的方式釐清 UI 與 UX 的差別，適合第一天閱讀。
- UI/UX 設計新手學習攻略（林育正 Riven，Medium） — 業界設計師整理的系統化自學路線圖。
- 10 Usability Heuristics for User Interface Design（Nielsen Norman Group） — 設計界經典的十大可用性原則，是檢視任何介面的萬用清單，務必讀熟。
- 【UI設計】完整入門指南｜核心元素＋7步流程＋軟體比較（WebsiteBuilder） — 完整涵蓋核心元素、設計流程與軟體比較的中文懶人包。
Figma 教學
- Figma 是什麼？Figma 完整教學：八大模組功能（數位時代） — 從零開始的中文 Figma 全功能教學，含免費版與費用方案。
- Figma 中文教學：自學 UI/UX 設計必學軟體（犬哥網站） — 涵蓋元件、團隊協作、權限與檔案輸出的實作型教學。
- 快速上手 Figma 核心功能與 UI 設計（AAPD） — 約一小時掌握最實用的核心功能與設計觀念。
- Figma AI 教學：所有 AI 功能完整介紹（RAR 設計攻略） — 2025–2026 年 Figma 新 AI 功能（圖片編輯、Make、MCP 工作流）完整介紹。
優質設計 YouTube 頻道
- AJ&Smart — 柏林頂尖設計顧問團隊，「Design Sprint」與「Double Diamond」框架講解一流。
- Jesse Showalter — 風格輕鬆、由淺入深，從 Figma 技巧到設計思維都有，新手友善。
- CareerFoundry — UX 方法論講得比多數頻道更有結構，適合想了解研究與訪談流程的人。
- 10 Best YouTube Channels to Learn UI/UX Design（精選清單） — 想找更多頻道時的完整參考清單。
推薦書籍
- Don’t Make Me Think（Steve Krug） — 可用性入門聖經，提出「別讓我思考」第一法則，薄而實用。
- The Design of Everyday Things（Don Norman） — 解釋為什麼好設計讓人「直覺就會用」，奠定設計思維基礎。
- Lean UX（Jeff Gothelf） — 教你用最小成本快速驗證設計假設，適合進階階段。
- 37 UI/UX Books of 2025, Recommended by Working Designers（Eleken） — 由現職設計師推薦的書單，可依程度挑選下一本書。
線上課程
- Google UX Design Professional Certificate（Coursera） — 200+ 小時、含三個完整專案，零基礎也能做出第一份作品集。
- Foundations of User Experience (UX) Design（Coursera，可單修） — Google 證照的第一門課，想先試水溫可單獨修這一門。
- Interaction Design Foundation（IxDF） — 全球最大線上設計學校之一，會員制課程，月費入門方案親民。
- UI/UX 前端網頁設計：從入門到業界實戰（Hahow） — 中文線上課程，把設計與前端實作結合。
設計靈感與資源／工具
- Dribbble — 視覺靈感首選，色彩、字體、排版與微互動的即時趨勢都在這。
- Behance — Adobe 旗下的專案型作品集，可看到完整設計「過程」與決策脈絡。
- Mobbin — 30 萬+ 真實 App 截圖，研究行動裝置流程與元件模式的最佳資料庫。
- Coolors — 一鍵生成與微調配色方案，臨摹與小專案配色的好幫手。
- Google Fonts — 免費可商用字型庫，練習字體搭配的入門首選。
- Best Free Color Palette Generator Tools for UI/UX Designers in 2025（uinkits） — 2025 年免費配色工具總整理。
每日／每週練習建議
不知道從哪下手？挑一個你每天都會用的 App（外送、銀行、社群都行），跑這個循環就對了：
- 每日（約 30 分鐘）：臨摹一個畫面到 Figma，寫下一條「我觀察到的好設計」＋一條「我會怎麼改」。
- 每週（約 2 小時）：把這週的觀察整合成一個「重新設計挑戰」——挑一個流程做出可點擊原型，並對照 Nielsen 十大可用性原則 自我檢查至少三條。
- 拿來對自己交代的指標：
- 每週完成 ≥ 5 張臨摹畫面。
- 每週產出 1 個可點擊原型。
- 每月累積 ≥ 2 則作品集案例（問題 → 思考 → 解法）。
設計力不是讀來的，是「看得夠多、做得夠勤」堆出來的。
今天就做這一件事：打開 Figma，臨摹一張你喜歡的畫面。三個月後回頭看，你會嚇到自己進步多少。