新手自學 UI/UX ，零基礎入門成為設計師

UIUX 設計師是近年新鮮人求職、轉職的熱門選項！網路上的 UIUX 課程這麼多，新手自學到底怎麼選課？本文精選六堂 UIUX 線上課程，推薦給零基礎的你，讓你踏出自學 UIUX 的第一步！

對文章有興趣來不及看？點選右上角「橘色小書籤」收藏文章，再也不怕錯過就是一輩子！

打造使用者為中心的產品成為數位時代的顯學，你也嚮往成為運用設計來解決使用者問題、發揮影響力的 UI、UX 設計師嗎？如果不是設計背景，應該要怎麼開始才能成功轉職呢？

設計人都在追蹤的產品設計內容平台 As a Product Designer（AAPD）medium，歸納了產品設計的三個階段：使用者研究、UX 設計、UI 設計。由於台灣大部分公司開的職缺都是「 UI/UX 設計師」，也就是一個人要同時擁有整個產品設計流程的 know-how。為了幫助想轉職的你可以快速入門，我們精選了 Hahow 上 UI/UX 的經典課程，設計了以下三條自學路徑：

我們精選了符合這三種不同學習路徑的中文線上課程，希望幫助零基礎的你，快速入門、踏上轉職的道路！

如果你想快速擁有 UI/UX 轉職一定要會的必備知識 ▶ 請看 (A) 自學 UI/UX 完整設計流程，上手軟體操作
如果你對於前期的使用者研究較有興趣、想打好 UX 思維 ▶ 請看(B) 建立 UX 思維基礎、實戰用戶研究方法
如果你是完全沒有接觸過設計的學生，想要從最基本的配色、排版等設計知識開始，建立美學品味 ▶請看(C) 完全沒接觸過設計，從頭培養設計之眼

UIUX新手自學

UIUX必學軟體

(A) 自學 UI/UX 完整設計流程，上手軟體操作

在 UX、UI 設計的階段，設計師主要要先針對使用者的需求去訂定產品（像是網頁或是 App）的邏輯架構、使用流程，再把這些想法製作成視覺化的產品原型。而想入門 UI/UX 的你，第一步可以先從熟悉這個設計流程，並學習製作原型的軟體工具（像是 Figma、Sketch、Adobe XD）開始。

你可能會想問，軟體這麼多，我要全部都學嗎？

其實，這些軟體的概念都是雷同的，一開始可以先挑其中一款熟悉基本操作，搭配著實作環節跟著老師學習基礎的設計原則、流程重點，接下來有其他需求的話也可以很快上手別的工具喔！

我們精選了 Hahow 平台上經典 UIUX 設計課程推薦給你，開始前請先用 30 秒回答一個問題：

你想花多少時間學 UI/UX 設計？

▶ 如果你只想用一兩個週末快速上手設計師必備知識、軟體工具，請直走 →① UI 設計軟體快速上手
▶ 如果你願意每週花點時間，持續一個月完成 10 小時以上課程，扎實了解設計流程、從大量實作中學習，請直走 → ② UIUX 設計流程完整教學

① UI 設計軟體快速上手

想用一兩個週末快速了解設計師基本知識、學會怎麼用設計工具軟體做出介面的？我們推薦以下兩堂課：

▶ 不小心就學會！用 UI 設計方法製作網站

由 Adobe 官方合作設計師 Riven 授課的 Adobe XD 課程，涵蓋了轉職 UI 設計必備基本知識，包括網頁風格趨勢、設計流程、設計師角色等。讓你循序漸進，先學會 UI 設計原則、簡單入門 Adobe XD 軟體操作，接著一步步教你用 Webflow 架設網站，最後完成 3 個 20 分鐘以上的網站綜合實作。

✨✨✨特別推薦給：喜歡自己消化理解原則、應用在綜合實作的你

② UIUX 設計流程完整教學

想用一個月以上打好基礎，完整了解設計流程 know-how？用大量實作累積經驗，從設計小白到成功轉職？我們推薦以下兩堂課：

根據 UX Tools 2020 年對全球四千位設計師的問卷調查，Figma 已經躍升為設計師最常使用的工具，無論是 Mac 還是 Windows 都可以使用，而且有免費方案喔！這堂由 UX 設計師、產品設計內容平台 AAPD 創辦人 Simon 所開設的課程，將帶你一覽完整的設計流程、原則規範，透過詳細的操作教學讓你學會基礎、進階的軟體技巧。跟著老師的拆解步驟，完成一個網頁跟 App 的設計和原型製作。(延伸閱讀：10 個你必須從 Sketch 改用 Figma 做 UI 的真實原因）

✨✨✨特別推薦給：喜歡先建立 big picture、學完概念立刻挑戰實作任務的你

▶ Adobe XD / PS — 網頁設計與 UI 教學

由兩位業界經驗豐富的設計師 Ellie 跟 Louis 共同授課，這門課涵蓋 Adobe XD、Photoshop 兩種設計軟體的基本教學，適合想一次接觸設計師工作上會用到的相關軟體或是曾用過 Adobe 系列軟體的學生快速上手。內容囊括 UI/UX 設計師會用到的前期用戶訪談、wireframe - mockup - prototype 製作，帶你從頭到尾走一次整個設計流程，並完成一個 App 的專案實作。

✨✨✨特別推薦給：喜歡邊做邊學，偏好一次吸收一點、慢慢累積知識的你

UIUX軟體比較

UX用戶研究方法

(B) 建立 UX 思維基礎，實戰用戶研究方法

隨著台灣的 UIUX 產業越來越成熟，除了熟悉工具軟體跟基礎設計原則外，建立設計背後的 UX 核心思維會是讓你從眾多求職競爭者中脫穎而出的關鍵。根據《台灣使用者經驗設計產業與工作者 2020 年度調查報告》，有四成的 UIUX 工作者表示他們所在的公司開始對 UX 感興趣、有三成的工作者表示公司有正式分配資源導入使用者體驗這一塊。想要把握住這波趨勢的你，可以先從打好 UX 思維基礎，學習用戶研究方法開始！

以下是我們推薦給想培養 mindset 的你的課程：

▶ 產品分析入門：UX 設計師的思考術

這堂由十多年網路產業工作者、資深產品設計師 Soking 講授的 UX 入門課程，適合缺乏產品經驗的自學者，從產品分析開始練習 UX 方法，了解業界設計師怎麼思考。課程會完整介紹用戶研究常見的用戶訪談技巧、Persona 等，並帶你用真正的網路新創公司為案例來練習 UX 方法，最後完成一份產品分析的 side project 放進作品集裡！

延伸閱讀：資訊架構入門，UX 設計師的思維培養

UIUX新手必學