UI 設計師和 UX 設計師有什麼不同?
很多人把 UI 和 UX 搞混,但這兩個其實是不同的專業領域:
| 面向 | UI 設計師 | UX 設計師 |
|---|---|---|
| 全名 | User Interface(使用者介面) | User Experience(使用者體驗) |
| 核心工作 | 視覺設計、排版、配色、icon | 用戶研究、流程設計、可用性測試 |
| 產出物 | 高保真設計稿、Design System | 使用者旅程圖、Wireframe、研究報告 |
| 需要的能力 | 美感、排版、配色、軟體操作 | 邏輯思維、溝通、訪談、資料分析 |
| 台灣薪資(初級) | 35,000–45,000 元 | 40,000–55,000 元 |
**台灣職場現實:**大多數台灣中小企業和新創公司都招聘「UI/UX 設計師」,也就是同一個人要同時負責視覺設計和體驗設計。只有較大型的科技公司(如台積電、聯發科、外商)才會區分這兩個職位。
因此,自學時建議兩者都要學基礎,再根據個人興趣選擇深耕方向。如果你偏重美感、喜歡做圖,往 UI 走;如果你喜歡分析問題、與人溝通,往 UX 走。
學設計需要哪些軟體?
主力設計工具
Figma(強烈推薦)
目前業界標準,個人免費版功能已相當完整:
- 免費帳號:最多 3 個專案,功能完整
- 完全在瀏覽器操作,不需要高階電腦
- 豐富的社群模板與插件
- 支援 Windows 和 Mac
Adobe XD(已停止更新)
Adobe 已在 2023 年正式停止 XD 的開發,不建議新手學習。已有 XD 使用者建議盡快遷移到 Figma。
輔助工具
| 工具 | 用途 | 是否必要 |
|---|---|---|
| Illustrator | 複雜向量圖、品牌 Logo | 非必要,視工作需求 |
| Photoshop | 照片編修、合成 | 非必要,視工作需求 |
| Principle / ProtoPie | 進階互動原型 | 進階後再學 |
| Notion / FigJam | 使用者旅程、資訊架構 | 學 UX 時需要 |
結論:從 Figma 開始就夠了。 不需要先花錢買 Adobe 全家桶。Figma 學熟之後,如果特定工作需要 Photoshop,再去學不遲。
自學設計大概要多久?
學習時程受背景影響很大,以下是有無相關背景的估算:
| 目標 | 有藝術/設計背景 | 完全沒有背景 |
|---|---|---|
| 入門(能做出基本介面) | 1–3 個月 | 3–6 個月 |
| 能接自由案件 | 3–6 個月 | 6–12 個月 |
| 具備初階求職水準 | 4–8 個月 | 8–15 個月 |
影響速度的關鍵因素:
- 每週投入時數:每週 15h+ 進步最快
- 有沒有實際做專案:只看教學而不動手,進步很慢
- 有無獲得 feedback:把作品放上社群、請前輩點評
重要觀念: 設計師的成長曲線不是線性的,剛開始會很挫折(「眼高手低」期),一旦突破臨界點進步就很快。撐過前三個月最重要。
免費學習資源有哪些?
Figma 入門
| 資源 | 特色 |
|---|---|
| Figma 官方 YouTube 頻道 | 最新功能、中文字幕可開啟 |
| Figma 官方 Learn 網站 | 結構化教學路徑,免費 |
| 免費社群模板(Community) | 直接在 Figma 內搜尋,拆解別人的設計 |
設計理論與靈感
| 資源 | 特色 |
|---|---|
| Dribbble | 全球設計師作品平台,找靈感的最佳去處 |
| Behance | 完整專案案例,含解題思路 |
| UX Collective(Medium) | 英文 UX 文章,免費閱讀部分 |
| YouTube:AJ&Smart | 設計思維、Design Sprint,有字幕 |
台灣中文資源
- 巴哈姆特設計板:台灣設計師交流討論
- AAPD 設計誌:繁體中文設計文章
- Hahow 免費試看:許多課程有前幾堂免費試看
付費課程值得買嗎?
台灣主流平台比較
| 平台 | 課程特色 | 價位(約) | 適合對象 |
|---|---|---|---|
| Hahow 好學校 | 繁體中文、台灣老師、互動 Q&A | 800–3,000 元/門 | 想要中文支援的初學者 |
| 六角學院 | 台灣 UI 專門、有作業批改 | 3,000–12,000 元/套 | 認真想轉職者 |
| Udemy | 英文為主、課程豐富、常打折 | 300–600 元(折扣後) | 能看英文、想廣泛學習 |
| Google UX Design Certificate(Coursera) | 國際認證、7 堂課程 | 免費旁聽 / 月 NT$1,300+ | 想建立 UX 系統知識 |
值不值得的判斷標準
- 有沒有作業批改和社群:比只看影片有效 3–5 倍
- 課程更新頻率:Figma 版本更新快,買 3 年前的課程要注意
- 先免費學 1–2 個月再決定是否付費
Hahow 推薦課程類型: 搜尋「Figma 入門」「UI 設計基礎」,先看試看課程評估品質。
作品集要怎麼準備?
作品集(Portfolio)是找設計師工作最重要的資產,沒有之一。
數量與品質
3–5 個案例就夠,每個案例要有深度,不要放 20 個表面的截圖。
一個好的案例應該包含
- 問題定義:解決什麼問題?目標用戶是誰?
- 研究過程:做了什麼調查(即使只是問了幾個朋友)
- 設計決策:為什麼選擇這個排版/配色/流程
- 最終成果:完整的設計稿截圖或 Prototype 連結
- 反思:如果重做會改什麼
常見錯誤
- 只放最終成果圖,沒有過程說明
- 案例都是跟著教學做的,沒有自己的思考
- 作品集網站本身設計很差
- 沒有附上可操作的 Prototype 連結
作品集平台推薦
| 平台 | 優點 | 缺點 |
|---|---|---|
| Figma(可分享連結) | 直接展示設計稿 | 不適合長篇說明 |
| Notion | 免費、排版彈性 | 視覺效果普通 |
| Framer | 現代設計感 | 需要學習成本 |
| 個人網站 | 完全自由 | 需要建站能力 |
最重要的建議: 不要等作品集「完美了再投履歷」。先投,邊投邊改。等待完美是設計師轉職最常見的拖延藉口。