10 個免費 UIUX 自學資源：從零開始成為設計師的完整學習地圖

免費 UIUX 自學資源怎麼挑才不白學

想入門 UIUX 不用先花錢買課。先問自己三個月後要拿出什麼：一個能講清楚的設計觀念、一個可點擊的 Prototype，還是一張能放進履歷的證書，再用目標反推該從哪一條免費資源開始。根據 Coursera 平台公開的課程目錄，其累計提供數千門課程、涵蓋 Google、IBM、史丹佛等大學與企業，但能免費拿證書的來源只有 Coursera 與 Great Learning 兩個，這條件直接決定你該把時間押在哪。

重點先看：免費資源貴精不貴多，先把資源分成知識、軟體、證書三類，同時只跟一條主線，三到六個月就能建立可用基礎；Coursera 的數千門課程是少數能免費領證的入口。

為什麼免費 UIUX 資源反而容易讓新手走偏

免費 UIUX 資源那麼多，為什麼很多人學完還是沒方向？因為多數人把「免費」當成唯一的篩選標準，卻沒先問自己要的是知識、軟體操作還是證書。資源類型選錯，免費就等於白學，這比完全沒有資源更浪費時間。

我自己看過太多人犯同一個錯：看到一個「10 個免費 UIUX 網站」清單，就十個全部註冊，結果每個網站都只看一集、開一個帳號就放下。三個月後回頭看，筆記本一片空白。真正的關鍵在於，這些資源其實服務完全不同的學習者，只是沒有人先幫你點破這件事。所以新手在把 Figma 完整入門指南 這類教學全塞進待看清單之前，更該先弄懂自己要的產出是什麼。

UIUX 資源可以粗分四型，先看懂這張分類表，挑選就不會瞎摸：

資源類型	代表平台	主要產出	適合誰
知識理解型	Hack Design	能講清楚的設計觀念	喜歡讀文字、自己掌握節奏的人
情境體驗型	Growth.Design	圖像化觀念記憶	怕看長文、想用漫畫理解的人
軟體操作型	Learn UX、Envato Tuts+	可點擊的 Prototype	需要上手 Figma、Adobe XD 的人
學院體系型	Coursera、Great Learning	結構化課程＋證書	想要有進度感與履歷加分的人

挑資源前，先決定你要拿哪一種產出。要觀念就找文章型的 設計思考五步驟指南，要軟體就去練 Figma 中文完整教學，要證書就直衝 Coursera。如果你連自己要練的軟體都還沒選定，可以先看 UI Prototype 原型設計解析 弄懂 Prototype 到底是什麼，再決定從哪個工具切入。

新手最大的陷阱，就是把「免費」誤會成「全部都要」。正確做法是同時只跟一條主線加一個軟體操作來源，避免注意力被分散。真正影響你能不能學起來的，是你有沒有先訂下目標再挑工具，資源堆得再多也幫不上忙。例如先決定你之後想用 Elementor 完整教學 這類頁面編輯器把作品上架，方向定了，資源就會自動縮小範圍。

新手挑資源時常犯的四個錯誤，可以當成自我檢查表。第一個是只看平台名氣，Google、IBM 開的課聽起來威風，但如果你連 Wireframe 跟 Mockup 都還分不清，跳過基礎直接進專項，只會一路挫折。第二個是看不清「免費的範圍到底到哪裡」，很多平台首頁寫著 free，點進去才發現只有第一堂免費、後面都要付費，結果學到一半斷在最重要的章節。第三個是把收藏當成學習，把十個平台加進書籤就產生「我已經開始學了」的錯覺，實際上連一堂都沒看完。第四個是追求新工具多過追求觀念，看到有人介紹新軟體就想跟，反而讓已經練到一半的 Figma 半途而廢。避開這四點，免費資源才能真正變成你的資產。

如果你連 UIUX 跟整個網站製作的關係都還不清楚，建議先讀一遍 網頁設計自學路線圖 跟 網頁設計從零到一完整指南，把 UIUX 在整條路上的位置定下來，再回頭挑學習資源會更踏實。

UIUX 到底是什麼，先分清兩個常被混用的詞

UI 和 UX 到底差在哪，學的時候要分開嗎？UI 管介面的外觀與排版，UX 管使用者的整段互動感受，兩者目標不同但必須一起做。自學時可以先理解概念，再合併練習，不用硬要拆成兩條路。學的時候也可以順著當下主流的設計走向看，觀念會更具體。

UI（使用者介面）負責產品看得到的樣子，包含配色、字體、按鈕、圖示、排版與視覺層次。選對顏色與字體能營造品牌風格，元素之間怎麼排列，則決定使用者瀏覽資訊的先後順序。想深入配色這塊，色彩學完整指南 與 色相環配色手冊 是系統化打底的好起點，再搭配 網站色彩計畫指南 把觀念套到實際網站上。

UX（使用者體驗）指的是使用者在瀏覽網站或 App 時的整體感受。它著重互動流程，要設計出流暢直觀的介面，讓人輕鬆找到想看的內容並完成行動，例如導覽、結帳、下載路徑。UX 工作的核心是從使用者需求出發，這部分可以參考 顧客旅程地圖指南 與 Persona 人物誌建立指南，學會怎麼把抽象的使用者需求變成可操作的設計依據。

舉個具體例子來看 UI 與 UX 的交匯。同一個網站導覽列，要放最上方還是側邊、用文字還是圖示、要不要點擊才展開，這些都是 UI 與 UX 一起判斷的結果：放哪裡影響操作流暢度是 UX，長什麼樣子是 UI。按鈕與行動呼籲的設計也是同樣道理，CTA 行動呼籲按鈕設計指南 把這類交匯判斷講得很清楚。一個只會調配色卻不管導覽順序的人，做不出好用的網站；一個只想流程卻連按鈕都排不整齊的人，也做不出好看的網站。

從學習順序看，先建立 UX 思維再練 UI 視覺，通常比反過來更容易做出能用、好看又好操作的介面。因為 UI 的視覺判斷，本來就應該服務 UX 的流程決策，順序顛倒很容易做出漂亮卻難用的東西。排版細節可以再補 網頁版面設計攻略 與 Figma 網格系統排版教學，想避開常見的視覺地雷，自架網站常見設計錯誤 也是很好的對照清單，Figma 必裝外掛推薦 則能幫你把排版效率拉高。

要判斷自己做的介面到底算不算及格，可以套一個簡單的三層檢查。第一層是能不能用：把畫面交給一個沒看過設計的人，看他能不能在十秒內找到主按鈕、在三十秒內完成你設定的主要任務，例如註冊或結帳。過不了這關，問題出在 UX 流程，回頭檢查資訊架構與步驟順序。第二層是用得順不順：觀察對方有沒有在某個地方遲疑、滑鼠來回、或問你這個可不可以點，任何遲疑都是 UI 提示不夠清楚的訊號，例如按鈕樣式跟一般文字太像、回饋不明顯。第三層是整體看起來協不協調：配色、字體、間距有沒有一致的節奏，這層考驗的是視覺品味，需要靠大量看好作品來累積，網頁設計靈感網站 可以當作每天的輸入來源。三層都過，介面才算真正站穩。

UIUX 跟網頁設計的關係其實很直接：網頁設計是載體，UIUX 是讓這個載體好用又好看的學問。如果你想知道整套網頁設計包含哪些必要元素，網頁設計必備關鍵元素 會幫你把全貌拼起來，避免只學 UIUX 卻漏掉結構性的東西。決定載體時，WordPress 頁面編輯器比較 也能幫你挑出順手的工具。

10 個免費 UIUX 自學資源：依學習風格分類

這些免費資源到底分別適合誰？把資源依漫畫情境、文字深度、影片操作、學院體系、動畫靈感分類，再用你想拿到的產出對應回去，三秒就能決定從哪一個開始。

先說這份清單的評選方法。我挑資源看三件事：一是有沒有真正免費可用的核心內容，只放試用的不算數；二是內容是否適合零基礎，還是只服務已經入門的人；三是能不能對應到一個明確的學習產出，例如觀念、軟體操作或證書。下面十個資源，我會老實標出優點、缺點，以及它到底服務哪一種學習者。

Growth.Design：漫畫式 UX 教學

由兩位專業 UIUX 設計師打造的 UX 教學網站，最大特色是用漫畫對話呈現案例。對怕看長文的人來說，這種圖像理解方式很友善，看完一則漫畫就能記住一個心理學或設計觀念。

入門門檻低、讀起來沒負擔是它最大的優勢，但深度有限，真要學扎實觀念還是得回到系統化的設計思考文章。另一個要先認清的事：它的免費漫畫綁著付費深度課程，免費內容其實是把你引導進付費漏斗的入口。

Great Learning：免費 UIUX 基礎課程

國外線上學習網站，提供涵蓋程式碼、UIUX 設計等多領域的教學。它開了一門免費的 UIUX 基礎課程，會分別介紹 UI、UX、Wireframe、Prototype 是什麼，並推薦一些設計工具，是零基礎新手最穩的起點之一。

結構完整、上完能直接拿免費證書是它最實在的地方；代價是教學語言以英文為主，中文使用者得自己配翻譯。如果你要的是一個有明確進度的免費入口，這裡比漫畫型資源更適合打底。

Hack Design：設計師共筆部落格

由多位設計師共同經營的教學部落格，分享 UIUX、字體、平面設計等知識。內容以文字為主，沒有太多圖文或影片，可以照自己的閱讀速度慢慢消化，輸入信箱訂閱還能每週收到最新內容。

節奏自己抓、適合喜歡深度閱讀的人，這是它的長處；但如果你需要影音引導才學得下去，它就幫不上忙。字體這塊可以再延伸到 中文字體設計推薦 與 精選英文字體推薦，把理論接上實際挑字練習。

UX Design Institute：付費為主、有免費片段

專注 UX 的教學網站，提供多個使用者體驗相關的課程影片，讓你用聽和看的方式學習。多數課程需要付費，但也有免費的 UX 課程可看，網站另附免費部落格文章，不定期發布 UX 工作上的小技巧。

內容專業、聚焦 UX 是它的強項，可惜免費部分偏片段，想完整學就得準備付費。把它定位成補充來源，當作主線之外的延伸，會用得更順手。

Learn UX：軟體操作影片教學

由資深 UIUX 設計師經營的影片教學網站，提供多種主題課程。除了 UIUX 知識，還涵蓋 Figma、Adobe XD、Webflow 等設計軟體的基礎操作，是同時要學知識又學軟體操作的人的好去處。

軟體實作教學完整、而且免費可用，這點難得；不過介面與語言偏英文，對中文使用者是小門檻。想在這裡學的 Figma 觀念，可以再搭配原型設計的觀念梳理，把操作跟思考互相印證。

Udemy：免費與付費並存

大型線上影片教學網站，設計課程涵蓋基礎知識、Figma、Photoshop 等軟體介紹、使用者思維等，免費與付費課程都有。付費課程可以跟講師問答，結業後能領專業證書。

主題廣、選擇多是它的賣點，但品質參差也是事實：免費課程通常沒有證書與問答，要拿證書就得買付費課程。挑課時建議先看評價與時數，別只看標題。

User Experience Database：分級課程資料庫

UX 使用者體驗教學網站，致力於提供全面的設計課程，除了 UX 教學，也涵蓋 UI 介面設計、使用者研究、產品管理等主題。網站課程分成初階、中等、進階三種等級，不論經驗都能找到適合的內容。

分級清楚、主題齊全是它最有用的設計，免費深度有限、進階內容多半要再投入則是它的限制。它的分級機制正好可以用來對照自己的程度，避免挑到太難或太簡單的課。

Envato Tuts+：軟體與前端一次補齊

由軟體公司 Envato 提供的免費學習平台，教學會清楚列出課程大綱，可先瀏覽預習再進入影片。除了 UIUX，還涵蓋 Illustrator、Photoshop、After Effects 等 Adobe 系列軟體，以及 HTML、CSS、JavaScript 等前端程式碼。

資源豐富、橫跨設計與前端是它最吸引人的地方，主題分散、新手容易迷路則是要小心的雷。想同時補視覺與前端的人最適合，但建議先鎖定一條線，例如先把 Figma 工具鏈練熟，再往外擴。

Coursera：大學企業授課、可領證書

截至 2026 年 6 月，根據 Coursera 平台公開的課程目錄，其累計提供數千門課程，由 Google、IBM、史丹佛等大學與企業講師授課。平台上的 UIUX 設計課程分為初級、中級、高級與混合四種等級，可依程度選擇。

體系完整、有證書、可篩選中文（簡體）課程，這三項加起來讓它成為目前少數能同時滿足「結構＋證書＋可篩中文」的免費入口。要注意的是免費審計模式下證書要分開申請，部分熱門專項仍需付費，求職導向的人可以優先考慮它。

Motion：網站動態元素靈感庫

免費的 UIUX 動畫教學網站，專注於網站動態元素的設計細節。網站本身的 UIUX 做得相當精緻，往下滑可以一邊瀏覽教學、一邊實際體驗流暢的動態效果，並附上優質網站案例參考。

邊看邊體驗、案例質感高是它最有價值的地方，但它偏靈感、不是系統教學，適合當補充、不適合當主線。動畫觀念想再深化，可以搭配 最新網頁設計趨勢 看當下的動態設計走向。

把這十個資源放在一起比較，會發現一件事：沒有任何一個平台是全能的。真正決定你學得好不好的，是你有沒有用目標把資源對應起來。這張總表把適合對象、主要產出與證書狀態一次列清楚：

資源	類型	主要產出	免費證書	適合誰
Growth.Design	情境體驗	漫畫化觀念	無（付費課程）	怕長文的人
Great Learning	學院體系	基礎課程	有	零基礎新手
Hack Design	文字深度	設計觀念文章	無	愛閱讀的人
UX Design Institute	影片教學	UX 課程片段	無（多數付費）	想專攻 UX 的人
Learn UX	軟體操作	Figma、XD 影片	無	要練軟體的人
Udemy	影片教學	多元主題課程	付費才有	想多主題學的人
User Experience Database	分級資料庫	分級 UX 課程	無	想依程度挑課的人
Envato Tuts+	軟體＋前端	設計與程式教學	無	設計＋前端並修的人
Coursera	學院體系	大學企業課程	有	求職導向的人
Motion	動畫靈感	動態設計案例	無	找靈感的人

選資源前必看的三個現實條件

哪些資源真的能免費拿證書、哪些有中文、哪些其實要付費？截至 2026 年 6 月，根據各平台官方說明，Coursera 與 Great Learning 可免費領證書，Udemy 需購買付費課程才能領證；中文資源以 Coursera 的簡體篩選為主，其餘多為英文。選之前務必把這三點跟你的目標對齊。

先談證書。Coursera 與 Great Learning 是少數完成課程後能免費領證書的來源，Udemy 則必須購買付費課程才能領證，UX Design Institute 多數課程付費但有免費片段。很多人把證書當成求職萬靈丹，老實說這是誤解。證書只是門檻，真正讓你被雇主看見的是能拿出來的作品集，把時間全花在囤證書，反而會擠掉做作品的時間。

再談語言。Coursera 可以用左方工具列篩選中文（簡體）課程，是目前唯一能系統化篩中文的免費入口。但系統化的繁體中文免費 UIUX 課程相對稀缺，這是必須務實面對的現況，搭配翻譯工具與實作練習會比硬等繁體資源更有效率。

費用結構是第三個容易踩雷的地方。標榜免費的網站，常常是部分免費加進階付費。Growth.Design 的免費漫畫搭配付費深度課程就是典型例子。選資源時別只看「是不是免費」，重點放在「免費部分夠不夠我完成一個明確目標」這一題。想知道線上課程平台整體的收費邏輯，線上課程平台比較 與 線上課程平台詳細比較 能幫你把判斷框架建立起來，若你之後想自己開課，開線上課程真實心得 也值得參考。

說到底，證書、語言、費用這三件事要綁在一起看，很難各自拆開當獨立條件：你的目標是求職，就優先選有免費證書的 Coursera，並接受英文介面；你的目標是純學觀念，就選沒有證書但免費完整的 Growth.Design 漫畫。三項條件彼此牽動，硬要三項全拿，反而會選不到適合的資源。

要快速判斷一個標榜免費的資源到底值不值得投入，可以問自己四個問題，四題都過才適合當主線。第一，它的免費部分能不能讓我從零做到一個完整的產出，例如做出一個能點擊的 Prototype 或寫完一份流程分析？只能給片段、做到一半就要付費的，只能當補充。第二，它的教學語言我用得動嗎？英文資源不是不能學，但要誠實估計自己配合翻譯工具後的學習節奏，如果一堂課你要反覆暫停查單字，吸收效率會大打折扣。第三，它的內容有沒有被持續更新？UIUX 工具汰換很快，一個三年沒更新的 Figma 教學，選單位置多半已經對不上現在的介面。第四，它有沒有要我動手做的環節？只看不做、純輸入的資源，學完多半留不下東西。把這四題當成選資源的過濾器，比記住一堆平台名字更實用。

UIUX 學完要學的設計軟體與工具

學 UIUX 一定要會哪些軟體，免費資源夠練嗎？目前多數 UIUX 團隊的主力協作工具是 Figma，而 Adobe XD 與 Webflow 則為互補工具。這些軟體的入門操作在 Learn UX、Udemy、Envato Tuts+ 都有免費影片，先把一個軟體練熟，比每個都碰一點有用得多。

Figma 是目前的 UIUX 協作主流，免費方案就足夠新手練完整個專案。它支援多人即時協作，這也是多數團隊選它的原因。Figma 的完整學習路徑可以這樣排：先讀完整的 Figma 中文教學打底，再補操作細節，接著學網格系統處理版面結構，最後用 Figma 響應式設計教學 做跨裝置版本。

Adobe XD 與 Webflow 是依專案需求再學的互補工具，不必一開始就全部上手。學這些工具時，外掛能大幅提升效率，Figma 圖示外掛推薦 列出了新手最常用到的幾個，裝起來馬上能用。

Envato Tuts+ 還涵蓋 Illustrator、Photoshop、After Effects，以及 HTML、CSS、JavaScript，適合想同時補視覺與前端的人。如果你打算把 UIUX 直接套到一個能上線的網站，響應式的觀念不能少：響應式網頁設計 RWD 講基本原理，RWD 響應式網頁設計實戰 與 AWD 與 RWD 設計比較 幫你決定要用哪種做法。

練習場域的建議很具體：自己架一個網站、把學到的 UIUX 直接套上去，會比在 Figma 裡空做練習稿更有感。這樣做的好處是，你會被迫面對真實的限制，例如載入速度、不同螢幕寬度、實際內容長度，這些都是練習稿體會不到的。要快速架出練習場，如何架設網站完整自學指南 與 WordPress 架站新手教學 是穩當的入口，想更快還有 30 分鐘架好 WordPress 網站。WordPress 是目前最普遍的架站載體，截至 2026 年 6 月，它涵蓋了全部網站當中的 41.5%，在已揭露內容管理系統的網站裡更占 59.2% [來源：〈W3Techs — Usage Statistics and Market Share of WordPress〉〈https://w3techs.com/technologies/details/cm-wordpress〉〈2026-06-29〉]，用它在練習場上套 UIUX，等於是在最貼近真實市場的工具鏈上磨經驗。

真實環境會逼你處理的一個關鍵限制，是行動裝置的瀏覽比例。2026 年第一季，行動裝置（不含平板）占了全球網站流量的 52.27% [來源：〈Statista — Share of mobile web traffic worldwide quarterly 2015-2026〉〈https://www.statista.com/statistics/277125/share-of-website-traffic-coming-from-mobile-devices/〉〈2026-04-28〉]，換句話說，你的作品超過一半的造訪會來自手機螢幕。這代表你在練習時不能只做桌面版，還要反覆檢查手機上的按鈕間距是否容易誤觸、文字是否需要放大、圖片載入會不會拖慢第一屏。在 Figma 裡畫好的桌面稿，到了手機上往往整個走樣，這種落差只有在真實載體上才看得出來。把行動優先當成練習的預設值，你的 UIUX 判斷才會跟真實使用情境對齊。

學完免費資源之後：做出能找工作的作品集

免費資源學完，怎麼把它轉成能證明自己的東西？把每個學到的觀念做成一個小型改版專案，例如重做一個你常用的網站或 App 畫面，累積成作品集。這比證書更能說服雇主與客戶，因為作品會自己講話。

具體做法是 Redesign 練習。挑一個你每天用的服務，重新設計它的某個流程，並寫下為什麼這樣改。重點在於寫得出理由，畫面漂不漂亮還在後面：原本的結帳流程為什麼卡？你假設改某個步驟會提升完成率？你做了什麼設計決策？預期結果是什麼？把這串問題想清楚，作品就有靈魂。

作品集不必從零架站。可以先用現成平台或 WordPress 快速上架展示，把心力放在內容，工程細節交給工具。作品集本身的呈現也是一種 UIUX 考驗，作品集網站設計指南 與 作品集網站製作教學 會幫你把展示邏輯想清楚，作品集範本大全 與 作品集網站平台推薦 則提供現成選項。

每個專案都要附上一段「問題、假設、設計決策、結果」的短敘述。這段文字比畫面更重要，因為雇主看的是你的思考過程，不是最終像素。沒有這段敘述的作品，看起來就只是一張漂亮的圖，無法證明你會設計。

把這段敘述展開成一個可重複套用的結構，每個 Redesign 專案都能照著填。背景一段，說明你挑的服務是什麼、為什麼選它、它目前的使用情境。問題一段，列出你在實際使用中觀察到的卡點，愈具體愈好，例如「結帳第三步要重複填一次地址」。假設一段，寫下你認為調整某個步驟會帶來什麼改變，並說明判斷依據。設計決策一段，逐項列出你改了什麼、為什麼這樣改，並標出哪些是取捨，例如為了簡化流程而拿掉某個欄位。最後是結果或預期結果一段，有實測數據就附上，沒有就寫清楚你預期會改善哪個指標、以及會用什麼方式驗證。用這個結構寫三到五個專案，作品集的深度會立刻拉開跟其他新手的距離。

評估一個作品集專案到底強不強，可以從四個維度打分，每個維度給一到五分。問題定義的具體度，看你寫的卡點是真實可觀察的，還是空泛的「體驗不好」。假設的合理性，看你的判斷有沒有根據，是來自實際使用觀察或公開研究，還是純憑感覺。設計決策的完整度，看你能不能說清楚每一個改動的理由，並承認自己做了哪些取捨。驗證的誠實度，看你有沒有誠實面對結果不確定的部分，而不是把推測包裝成定論。四個維度加起來超過十五分的專案，放進履歷才有說服力；低於十分的，代表它還停留在畫面階段，應先回頭補強敘述，先別急著上架。

免費資源的功能是建立基本盤，能不能接到案或錄取，取決於作品集的完成度與思考深度。換句話說，免費資源教你觀念與操作，但把你推過求職那條線的，是你自己做出來的作品。如果你想把作品集放進一個更完整的品牌網站，品牌官網設計全攻略 與 品牌官網架設實戰 可以接著看，品牌識別的細節還有 品牌色彩挑選指南 與 經典品牌 Logo 設計案例 可參考。

想讓作品集在設計細節上更突出，視覺元素是另一個加分點。免費 Icon 圖示網站、商用免費圖庫網站、免費 3D 素材資源網站 能幫你快速補上質感，Canva 新手設計教學 與 Canva Pro 進階設計技巧 則讓沒有設計軟體背景的人也能產出夠水準的素材，再進一步用 AI 繪圖網頁設計實戰 與 UIUX 設計師 ChatGPT 指令 加速產出。

四種學習者輪廓對應的主線資源

不同處境的人，適合的主線完全不同。把自己放進下面四種輪廓裡對照，能更快鎖定該從哪一條資源開始，也能避開跟自己目標無關的彎路。

學習者輪廓	主要目標	推薦主線	搭配補充
轉職求職型	拿到證書、累積作品	Coursera 初級課程	Great Learning 補觀念、自己架站做 Redesign
在職進修型	補強單一弱項（如研究或互動）	User Experience Database 分級課程	UX Design Institute 免費片段
純興趣探索型	理解觀念、不急著產出	Growth.Design 漫畫	Hack Design 深度文章
動手實作型	盡快做出能點擊的成品	Learn UX 軟體影片	Envato Tuts+ 補前端、自己架站套用

對照時只認一個主線就好，補充來源最多加一個。同時開兩條主線的人，多半會兩條都學不完。先確認自己是哪一型，再回頭看前面十個資源的總表，挑選範圍會自動縮到兩三個，決策成本大幅下降。

一份十二週的自學節奏表

有了主線資源，還需要一個能把進度撐起來的節奏。一份十二週的安排，假設你每周能固定投入六到八小時，把觀念、軟體、實作三條線交錯推進，避免只輸入不輸出。節奏可以依自己的速度伸縮，但階段順序不建議對調。

週次	階段重點	具體任務
第 1 到 2 週	觀念打底	跟完一門 UIUX 基礎課，分清 UI、UX、Wireframe、Prototype，寫下自己的定義
第 3 到 4 週	軟體上手	挑定 Figma 為主力，練完基本操作與網格系統，做出第一個靜態畫面
第 5 到 6 週	原型串接	把靜態畫面串成可點擊的 Prototype，練習轉場與狀態切換
第 7 到 8 週	第一個 Redesign	挑一個常用服務的單一流程重新設計，寫完問題、假設、決策、預期結果
第 9 到 10 週	上線測試	把作品用 WordPress 架站套上去，檢查手機與桌面的落差並修正
第 11 到 12 週	作品集整理	把兩到三個專案寫成完整敘述，上架到作品集平台，回頭補強低分項目

節奏表的最大價值，在於它強迫你在每個階段都產出一個具體成品，而不是無止盡地看課。很多人學半年沒有作品，問題出在全程都在輸入，從沒排進動手做的時間。照著這張表走，十二週結束時你手上會有可點擊的 Prototype、一個上線的練習站、以及兩到三個帶敘述的 Redesign 專案，這些才是能拿出來跟人比較的東西。

哪些情況不該只靠免費資源

免費資源能撐起基本盤，但有些情境硬撐免費反而拖慢進度，這些時候投資一點預算會更有效率。第一種是你已經學完基礎、需要業界回饋來突破瓶頸，例如想確認自己的設計決策是否符合團隊協作慣例，這時付費課程的作業批改或一對一諮詢，價值遠高於再刷一輪免費影片。第二種是你鎖定的工具沒有完整的免費教學，某些進階外掛或協作流程的細節，免費資源常常點到為止，硬啃文件會比直接買一門聚焦的課更耗時。第三種是你需要一張被特定產業認可的證書來過履歷篩選，這時與其在免費平台間兜圈子，不如直接選擇能開立該證書的付費管道。誠實分辨自己屬於哪一種，該花的錢就花，把免費資源留給它真正擅長的入門打底階段。

常見問題：零基礎、證書、中文資源一次答清楚

新手最常卡的三個問題怎麼解？零基礎從 Great Learning 或 Coursera 入門最穩，想免費拿證書就選 Coursera 或 Great Learning，要中文資源以 Coursera 簡體篩選為主，其餘多為英文，搭配翻譯工具輔助即可。

零基礎新手該從哪裡開始學 UIUX？

先從有明確進度與基礎觀念的免費課程切入。Great Learning 的 UIUX 基礎課程會把 UI、UX、Wireframe、Prototype 一次講清楚，最適合完全沒接觸過的人；想搭配證書就選 Coursera 的初級課程。不要一開始就同時跟多個資源，一次只跟一條主線。

免費的 UIUX 資源真的夠用嗎？

夠用來建立基本盤。免費資源足以讓你學會核心觀念與一套軟體操作，但能不能往求職或接案推進，取決於你做出來的作品集。資源教你觀念與操作，作品集才是雇主真正會看的東西。

哪些 UIUX 免費課程完成後可以拿到證書？

Coursera 與 Great Learning 完成課程後可免費領證書，Udemy 則需購買付費課程才能領證。截至 2026 年 6 月，各平台政策以官網為準。領證前先確認課程是否標示提供證書，避免學完才發現拿不到。

有免費的 UIUX 中文教學嗎？

Coursera 可用左方工具列篩選中文（簡體）課程，是目前唯一能系統化篩中文的免費入口。系統化的繁體中文免費課程相對稀缺，其他平台主要為英文，建議搭配翻譯工具與實作練習使用。

學完 UIUX 免費資源能找到工作嗎？

能不能找到工作，看你做出了什麼作品，跟你學了多少免費資源關係不大。把學到的觀念做成 Redesign 專案，累積成作品集，這比任何一張證書都更能說服雇主。免費資源提供觀念與操作，作品集決定你能不能過面試那關。

UIUX 學習需要多久時間？

每周固定時段、一次只跟一條主線，三到六個月可建立可用基礎。前提是注意力不被分散，不要十個平台同時開帳號。穩定輸入比衝刺式學習更有用，設計判斷需要時間累積。

UIUX 作品集怎麼開始累積？

從 Redesign 練習開始。挑一個你每天用的服務，重新設計某個流程，並寫下問題、假設、設計決策與預期結果。用現成平台或 WordPress 快速上架，先把數量與思考深度做出來，質感再慢慢磨。

什麼時候不該只靠免費資源學 UIUX？

三種情況值得考慮付費。你需要業界回饋來突破瓶頸時，作業批改或一對一諮詢比再刷免費影片有用。你鎖定的進階工具或協作流程缺乏完整免費教學時，直接買一門聚焦課程會比硬啃文件省時。你需要一張被特定產業認可的證書過履歷篩選時，與其在免費平台兜圈子，不如選能開立該證書的付費管道。入門打底階段繼續用免費資源即可。

退一步看整條學習路，UIUX 只是網站設計的一環。等你把 UIUX 觀念與軟體操作練起來，接下來可以把眼光放大到完整的網站製作與經營，例如 網頁排版設計範例、Bento Grid 網頁排版設計，或從靈感面看 網頁設計靈感網站 與 優質設計參考網站。趨勢面則有 網頁設計趨勢與 AI 應用，品牌觀點可讀 給品牌網站的關鍵建議。最後，色彩心理學設計攻略 與 網頁配色工具推薦 能讓你的視覺判斷更扎實，若你想把這些設計能力轉成接案收入，網頁設計費用全公開 提供了定價的實務參考。網站做好之後，下一步是讓它被搜尋引擎看見，這時搭配 SEO 陪跑班搭配 Ahrefs 工具的學習路徑 會比單看教學更有方向。想先建立完整的 SEO 觀念再動手，《SEO 白話文》實體書與電子書購買通路 是不少人入門時會翻的系統化讀物。

把這些環節串起來，你會發現 UIUX 其實跟網站設計、配色、排版、品牌、作品集環環相扣，並不是一個能單獨抽離的技能。免費資源能讓你跨過入門門檻，後續的深化與實戰，則要靠你把學到的東西一個個套到真實專案上，別再回頭收集下一份清單。