學習 UIUX 可以拆分為設計軟體的學習，以及設計思考與產品開發的學習，今天這篇文就來推薦一些免費的線上工具，分別能學習到這兩種必備的 UIUX 技能，如果對 UIUX 還不太熟悉，可以先去看這篇文章：【UIUX 是什麼？UIUX 設計師的工作在做什麼？】
而現在線上免費資源非常豐富，學習 UIUX 不一定要學校科系或是研究所，自學 UIUX 就有機會達成，若沒有足夠資金或時間去讀研究所的話，只要掌握以下三點並認真執行，就有機會能夠求職到相關的 UIUX 工作：
了解 UIUX 基礎概念
在實作前，先知道大致 UIUX 工作的全貌與基本設計思考概念後，才會知道學習的步驟與範圍到哪，將整塊拼圖一點一滴拼完、更有效率，若是單點式聽到一個內容就執行，可能會造成太過片面而有學習缺漏。下方介紹的免費線上 UIUX 課程就有脈絡的將相關內容提供給你囉！
實際執行 UIUX 專案
了解全貌後，很重要的是實際執行，執行後就會知道問題在哪裡，例如研究的訪綱怎麼做、設計的架構該如何畫，同時也會大量使用到軟體，就能順便上手囉！而最好的是需要有好的 Mentor，可以針對你的專案提出提問或是幫你解答，能夠更培養出設計思考的能力，能夠清楚說出每一個你這麼設計的原因！
製作作品集與面試簡報
當然最終若為求職需求，那免不了要有一個驚艷且縝密的作品集、以及準備完善的面試簡報，想要自學 UIUX 設計的話，底下免費課程也有帶到一些 UX Portfolio 的執行，可以看看！
當然，如果你有需要諮詢 UIUX 學習與作品集相關問題，可以寫信到 info@daydayding.com 詢問諮詢服務唷！
UIUX 設計課程 – Coursera – Google UX Design Professional Certificate
相信不少人有聽過 Coursera 上 Google 的這堂線上 UX 設計課，前 7 天免費試用，認真上完、做完作品通過後還能拿到證書，可以作為求職作品與認證，而這堂課的學習也對求職、實際工作很有幫助。
從基礎介紹，並開始循序漸進整體在做 UIUX 時會經歷到的過程，對於需要理解開發產品的完整週期到實際落地細節有很大的幫助，很適合想要進入 UIUX 的新手小白，不用斥資高額去讀研究所或是國外 HCI 相關科系，也能自學到相關的內容！課程包含：
- 使用者體驗 (UX) 設計基礎
Foundations of User Experience (UX) Design - 開始 UX 設計流程：同理心、定義與發想
Start the UX Design Process: Empathize, Define, and Ideate - 建立線框圖和低保真原型
Build Wireframes and Low-Fidelity Prototypes - 執行 UX 研究並測試早期概念
Conduct UX Research and Test Early Concepts - 使用 Figma 創建高保真設計與原型
Create High-Fidelity Designs and Prototypes in Figma - 為網站構建動態使用者介面 (UI)
Build Dynamic User Interfaces (UI) for Websites - 設計社會公益的 UX 並準備求職
Design a User Experience for Social Good & Prepare for Jobs
只需付 Coursera 訂閱費用，前 7 天試用期免費，不過課程總共七堂，並且每堂課被分配為 3 到 6 週的內容（不過可以密集的上完，有聽過兩週就拿到證照的案例唷），所以初期有興趣時可以先免費看看。
而有心想要拿到證書，同時做作品的話，後續每個月的費用是美金 $45 元，課程也沒有絕對的時間，所以越快上完，也就越省錢囉！ 不過想要拿到證書不容易，因為這堂課會需要做出三個作品、並且做到 RWD （響應式網頁設計，Responsive Web Design）之外，還需要最後做出作品集，也會和學員互相 Peer Review ，但製作作品集、以及討論設計概念這過程也都是想要求職 UX 的人必經之路，所以有心想要自學成為 UIUX 設計師，這堂課不失為一種方法！
設計思考課程 – Acumen Academy x IDEO
IDEO 是一間極具影響力的大型設計顧問公司，也是由當初的 CEO-Tim Brown ，在非常早期時將設計思考推向全世界，非常著名的產品就是和賈伯斯合作的滑鼠，而 Acumen Academy 和 IDEO 開了這堂免費設計課程 「Introduction to Human-Centered Design」，為期七週，介紹以人為本的設計，包含：
- 靈感發想
- 構思設計
- 製作原型
- 報告產出
走過一遍將 Human-center 導入設計時的流程，不過因為是國外平台，所以內容皆以英文為主，過程中不會有老師來帶，主要以團隊夥伴自發性的討論形式進行，所以想要做好的話，除個人決心，也要確保團隊夥伴才行，可以找有興趣的夥伴起報名，有些人也會找熟識的夥伴一起，可以一起互相督促！適合有決心且剛進入 UIUX 世界的人。
UIUX 免費軟體教學 – Figma YouTube
說到 Figma 免費教學，基本概念絕對推 Figma 官方的影片，一方面 Figma 的功能迭代上是快速的，而且內容也很實用，而以上先推幾個大的邏輯概念，剩下的就是玩玩看，多玩就可以理解使用邏輯囉！（切記要先有概念再來玩，才不會把 Figma 當作 Illustrator 在畫，失去介面設計的高效應用）
其中兩個重要的觀念 Component 和 Auto Layout，影片在下方可以先看～如果想要看更完整的 Figma 教學文章，可以看這篇「Figma 教學：新手UIUX設計師快速上手的入門指南」
另外也有這個 2024 年上的初階教學影片 「Figma Tutorial for Beginners (2024)」，片長一個多小時帶完大致初階教學，可以看看唷！
UIUX 設計課程 – Great Learning
是一間印度的公司，上面有許多國際免費的課程，超過10 million 的人觀看，結束後也有證書，同時也有推薦研究所，而線上 UIUX 免費課程包含：
- UI / UX for Beginners
- Introduction to Design Thinking
- Design App
- UX Portfolio
- Career in UX and Product Design
每一堂課都不會太長，可以針對有興趣的來上！
UX 設計資源 – User Experience Database
滿酷的網站，這裡面集結了各大厲害公司的資源，包含NN/g, Google, Adobe 等，課程的分類和學習順序都幫你安排清楚，主要以文章的瀏覽方式來閱讀，就像一個學長整理了厲害的筆記！
UI 免費課程 – Motion
是專門在教 UIUX 使用到 motion 的課程，從前面的介紹各種動態，到實作該如何操作都有，而且網站做的視覺與動態也很 Fency！
UIUX 免費課程 – Udemy
Udemy 也有許多線上課，其中有幾部 UX 課程免費，有興趣也可以看看～
UIUX 常見問題
UIUX 難嗎？
如同文章最前面提到，需要先能通透了解整體流程與概念、然後進行實作作品、執行 UIUX 作品集與面試簡報、並且找有職場經驗的 UIUX 設計師當 Mentor 幫忙看以及回答問題，能夠扎實做到這些，自學 UIUX 就不會很難了，就是要有決心跟熱忱。 而學這個，關鍵都在於設計思考上，而不是軟體有多厲害，因為很多時候在做 UIUX 設計時，更需要的是為什麼這麼做設計、是經過什麼訪談與數據結果的轉化。
Figma 學多久？
Figma 是個學習門檻不會太高的軟體，超級好上手，不過除了基本面板熟悉，關鍵在於先了解重要的兩個核心： Component、Auto Layout，在實作上才可以更有效率的執行設計，而了解這些後，實作大概玩個兩三週，順便做作品的情況下就能逐漸掌握囉！
UIUX 要學什麼？
可先分為設計產品的前中後、以及設計由大到小兩個維度來看：
設計前：
指的是產品在前其實，會需要了解研究的幾個方法，最常見的就是訪談、產品數據、發放問券等等，在做設計前需要了解為什麼而做設計。
設計中：
就要學習設計思考的概念，會需要想得非常細，同樣的一個功能，為什麼在不同產品就會有不同的呈現方式、什麼做法可以讓使用者更好使用、在資料串連上是否符合底層邏輯、所有正逆向流程是否都滿足等等。之前我常舉例，同樣都是地圖功能，為什麼 Google map、Instagram map、王品集團的 map 會在搜尋方式與結果落差這麼大呢？就因爲搜尋的人、目的、情境都不同，有了這樣的設計思考能力，就能設計出好用的產品。
設計後：
需要交付給工程師開發，就會需要寫一些 PRD（產品開發文件），好讓工程師可以更容易的理解你的設計檔案之外，從一個圖面無法完全理解的規則，透過文件的方式也能讓所有利害關係人更好掌握與討論，並且能找使用者做測試，確保符合使用體驗，也確認產品沒有其他 Bug，沒問題後再正式的上線。
設計大範圍：
若今天要做的是整體產品架構的更新，那就會需要有資訊架構設計的能力，分類功能做群組化後，將他們安排到使用者容易找到的位置。
設計小範圍：
就是細節到每個頁面裡的每個功能，他的存在都會有原因，也是在闡述設計給他人時很重要的關鍵。
UIUX 需要會程式嗎？
不需要，光是 UIUX 的工作就已經非常繁雜與龐大，在程式部分只需要能和工程師討論、了解一些技術底層的規劃跟限制，合力完成產品的開發。
如何提升 Wireframe 能力？
首要關鍵就是「設計思考」，能夠有效將使用者需求、功能需求、商業利益、技術可行性轉換為設計的能力，而 Wireframe 的目的就是讓大家不要失焦於視覺風格上的討論，而是更重視架構與使用性。再來就會需要多考量到資訊架構的規劃、資訊層級如何安排、所有正逆向流程、極值的考量等等。之前有兩篇介紹 Wireframe 的文章講得更詳細，可以去看看。
👉 Wireframe 是什麼？UIUX設計師必學 3 大關鍵流程
