10 個免費 UIUX 自學網站，設計師 UIUX 課程先修班！

UI/UX 指的是使用者介面（User Interface）和使用者體驗（User Experience）的設計，UI 設計負責產品的「 外觀 」，包含配色、字體、按鈕等視覺元素；UX 設計則關注產品的「 整體感受 」。

現在網路上有許多免費的 UIUX 學習課程，讓你零負擔輕鬆在家學習！在學習 網頁設計 時，只要掌握 UIUX 的設計訣竅，就能幫助你設計出更美觀、實用的網站介面。更多 UIUX 是什麼。

這篇文章整理了幾個 UIUX 線上課程網站，都是由經驗豐富的 UIUX設計師開課教學，部分網站完成課程後，還能獲得證書，讓你未來找工作時，多一份競爭力！

不過，在開始挑選這些 UI/UX 自學資源之前，如果你還沒有網站，不妨先把「 練習場域 」搭起來，等一下學到的 UIUX 技巧就能立刻套用！

就下來就一起來看看有哪些 UIUX 的學習資源吧：）

---

UI 是什麼？

UI（ User Interface ）中文為「 使用者介面 」，代表網站、App 等產品的介面設計。

UI 注重於 網站 / App 的外觀設計，包含排版、色系、大小等，網頁上的每一個按鈕、文本框、圖片、Icons 等，都是透過 UI 設計師創造出來的。

選擇適當的顏色、字體、圖片等，可以營造品牌風格並吸引使用者的注意力，有助於傳達訊息並加深瀏覽者的印象。

而元素與元素之間該如何排列，也會影響整個網站的視覺效果，並決定使用者瀏覽網站時，瀏覽資訊的先後順序。

以網站導覽列設計為例，導覽列該放在首頁的最上方還是最左方、用純文字呈現還是要搭配 Icons 呈現、要直接列出所有項目還是要點擊才會展開列表？

這些都需要 UI 設計師巧妙的設計思考，才能讓使用者瀏覽網站時，順利的找到元素。

---

UX 是什麼？

UX（ User Experience ）中文為「 使用者體驗 」，是指使用者在瀏覽網站 / App 時的整體感受，包含視覺、聽覺、觸覺等感官。  

UX 著重於 網站的互動功能，需要設計出流暢、直觀的互動介面，讓使用者在瀏覽網站 / App 時，可以輕鬆找到自己想瀏覽的項目，並進行更多的行動（ 購物、下載資料等 ）。

UX 設計是近年越來越重要的一門設計領域，隨著數位科技的發展，人與網頁 / App 的互動方式也越來越複雜，因此 UX 設計師的角色也就越來越重要。

優質的 UX 設計，可以幫助商家創造出更具競爭力、吸引力的網頁，提高使用者滿意度和忠誠度，讓使用者想一直造訪網頁。

簡單來說，UX 設計師負責設計網站 / App 的每一個流程互動，確保網站符合使用者需求、使用習慣等。

---

Growth.Design

Growth.Design 是一個由兩位專業 UIUX 設計師所建立的 UX 教學網站，主要以漫畫方式呈現教學。

由於是以漫畫對話的方式教學，用戶可以脫離沈悶的文字，在這邊用圖文方式，有趣的學習知識。

若你喜歡這種學習方式，Growth.Design 還有開設一系列的付費課程，讓你深入學習更多技巧！有興趣的朋友可以參考看看：）

---

Great Learning

Great Learning 是一款國外線上學習網站，提供程式碼、UIUX 設計等各式各樣的教學。

Great Learning 開設了免費的 UIUX 基礎課程，若你是零基礎新手小白，推薦可以從這裡開始：）

課程會分別介紹 UI、UX、Wireframe、Prototype 是什麼，並推薦一些 UIUX 設計工具，讓你充滿方向。

此外，上完課程後還能獲得免費證書，成為你在找 UIUX 設計工作時的加分項目！快前往網站上課吧！

---

Hack Design

Hack Design 是由多位設計師一同經營的教學部落格，網站上除了分享 UIUX 設計知識外，也會分享關於字體、平面設計等知識。

網站沒有太多的圖文或影片，主要以文字教學為主，可以依照自己的閱讀速度慢慢學習。輸入信箱訂閱網站，還可以每週收到最新教學內容。

此外，網站也有列出多個設計工具推薦及簡短介紹，有需要的話可以前往看看囉：）

---

UX Design Institute

UX Design Institute 是一個 UX 教學網站，提供多個使用者體驗相關的課程影片，讓你以聽和看的方式快速學習。

網站上雖然較多課程需要付費，但也有免費的 UX 課程可以觀看，還是可以學到不少知識！

除此之外，網站也有免費的部落格文章，不定期發布一些 UX 工作上相關的小撇步，可以前往參考看看：）

---

Learn UX

Learn UX 是由一位有 15 年以上資歷的專業 UIUX 設計師所創立，提供影片教學方式，有多種主題課程。

除了 UIUX 知識教學外，網站也有提供 Figma、Adobe XD、Webflow 等設計軟體的基礎操作教學。更多 UIUX 設計軟體介紹。

在這裡不僅可以免費獲得設計知識，還能學軟體實戰操作，是個適合設計新手的學習天堂！

---

Udemy

Udemy 是一款線上影片教學網站，網站內有多類型的知識教學，免費和付費課程都有。

在 Udemy 上的設計課程包含基礎的設計知識、設計軟體介紹（Figma、Photoshop 等）、使用者思維等影片，讓你可以全方面學習。

若你在網站上選擇付費課程，就可以與專業講師進行問與答，來解開你心中的疑惑。結業後還有專業證書可以領取，快前往看看！

---

User Experience Database

User Experience Database 是一款 UX 使用者體驗教學網站，可以教你如何優化設計流程，提高你的技能與效率。

User Experience Database 致力於提供最全面的設計課程，除了「 UX 使用者體驗 」教學外，也有些許「 UI 介面設計 」、「 User Research 使用者研究 」、「 Product Management 產品管理 」等相關課程可以學習。

網站上的課程共分三種等級，初階、中等、進階，所以不論你的經驗如何，都有適合你的課程可以參考，快前往看看吧！

---

Envato Tuts+

Envato Tuts+ 是由國外知名軟體公司 Envato 提供的免費學習平台，有多種主題的知識、技巧教學影片。

Envato Tuts+ 上的教學會清楚列出課程大綱，在上課前可以先瀏覽預習，接著再進入影片教學，就可以輕鬆理解課程內容。

在網站上除了可以學習 UIUX 課程外，還能學習 Adobe 系列的各種軟體操作（Illustrator、Photoshop、After Effects 等）。

或是想學程式碼（HTML、CSS、JavaScript 等）也沒問題！資源非常豐富，快前往網站學習吧！

---

Coursera

Coursera 是一款國外線上課程網站，有多達 5000 多種課程，都是由一流的大學、企業講師授課，例如 Google、科技公司 IBM、史丹佛大學等。

Coursera 上有多種 UIUX 設計課程，分四種等級，初級、中級、高級和混合等級，可依照自己的程度選擇適合的課程。

此外，在網站上也有中文教學（簡體），你可以透過左方工具列篩選語言，就能快速列出含中文教學的課程。

部分課程完成後，還能獲得開課大學、企業頒發的證書，讓你擁有多重的專業證明，在找工作時充滿競爭力！

---

Motion

Motion 是一個免費的 UIUX 動畫教學網站，主要專注於網站動態元素的設計細節教學。

Motion 網站本身的 UIUX 就做得滿精緻的，透過下滑網站，可以一邊瀏覽教學，一邊實際體驗流暢的動態效果設計。

網站上的動態圖文教學滿詳細、有質感的，也會附上優質網站案例參考，讓你不僅學到知識，還能獲得滿滿的設計靈感！

網站最尾端也有相關設計課程推薦，可以更深入學習 UIUX 相關知識，快前往看看吧！

好啦！以上就是幫大家精選的 UIUX 自學網站，希望能幫助你在學習的路上有滿滿的資源唷！

---

常見問題

---

聯絡犬哥網站

在網站架設＋網路行銷的過程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答！

接下來，額外分享 2 個實用資源，可有效幫助大家解決問題。

資源一：犬哥網站（專業 WordPress 網頁設計＆數位行銷公司）

如果你沒時間自己架站，或是遇到網站沒有流量、Google 網站排名不理想。歡迎洽詢 犬哥網站（WordPress 網頁設計＆數位行銷公司），請專家協助你會更容易！

我們有多年網頁設計、SEO 關鍵字行銷、Google 廣告投放經驗，加上上百個實戰案例，絕對能滿足您的需求！

資源二：WordPress 高手架站課＋SEO 排名飆升課（線上課程）

如果想學習更深入的 WordPress 架站技巧，或是想透過 SEO 關鍵字提升網站流量？

可以參考犬哥近期推出的這兩門課程，課程非常的扎實，都是犬哥自己實戰出來的經驗分享，不打高空只教你做出成績！