UI 與 UX 是什麼?意思與分別
UI(User Interface,用戶介面)指產品呈現給人的畫面與互動元素:按鈕、選單、字級、色彩,以及按下之後有沒有反饋,都是 UI 的範圍。UX(User Experience,用戶體驗)的範圍則大得多,用戶體驗研究機構 Nielsen Norman Group 的定義是,一個人與產品、服務甚至公司之間的整體體驗關係,包括感受與每一次互動。所以 UI 做得好,只代表畫面清楚、元件易用;使用者能否順利完成想做的事,屬於 UX 的問題。
以網上預約運動場地為例:場館列表的字體清晰、日期選擇器一按即開、按鈕擺在拇指夠得著的位置,這是 UI 合格。但如果你想要的時段一開售即滿、可用的付款方式極少、驗證碼要重複輸入幾次,這些就屬於 UX 出了問題。這類體驗問題最終會在留客與跳出率的數據上現形,解讀方法可看〈UI/UX 設計的留客與跳出率分析〉。
**
UI/UX 設計師的工作是什麼?香港薪酬與職涯選擇
分工上,UI 設計師主力處理視覺與互動層:版面、元件狀態、設計規範的落實。UX 設計師的工作貫穿專案不同階段,早期是用戶研究與需求定義,中期是使用者流程與資訊架構,後段做測試與持續優化。實際安排因公司而異:有分開聘請兩個職位的團隊,也有一人同時負責視覺與體驗的「UI/UX Designer」職位。求職時細看職責描述,確認崗位偏視覺、偏研究,還是兩者兼顧。
一個 UI/UX 專案可以用四個階段理解,每個階段交付的東西都不同。需求與資訊架構階段,先搞清楚「給誰用、解決什麼問題」,將內容分類排位;使用者流程與線框(wireframe)階段,用低保真草圖定義每一步怎樣走;介面設計與原型階段才進入視覺,做出可點擊的 prototype 供人試用;到測試、上線與優化,就用真實數據修正前三段的假設。實際專案會按公司與產品調整次序與比重,但由研究到驗證這個循環不變。
香港 UX 設計師薪酬參考多少?
招聘機構 Morgan McKinley 的 2026 年香港科技界薪酬指南,UX Designer 一職以月薪計,Low、Median、High 分別為 HK$25,000、HK$45,000 及 HK$70,000。這是該機構的市場參考區間,不是官方統計,也未按資歷分級;落在哪個位置,主要看作品集、行業與技術範圍。
薪酬之外,選工種還要看什麼?
轉職或入行選工種,人工之外有三個值得問清楚的問題。第一是工作內容:有些崗位主要做推廣素材的變體,有些由零開始做產品,兩種日常工作累積的經驗方向並不相同。第二是研究與學習空間:有沒有機會接觸真實用戶數據、有沒有資深同事覆核你的設計,直接影響判斷力進步的快慢。第三是協作對象:與工程師、產品經理同一隊工作,接觸到的問題層面會比單獨作業廣。三條答案組合起來,往往比月薪數字更反映這份工作適不適合你。
AI 會取代 UX 設計師嗎?
工具生成得到介面,不代表整個職位會被取代,定義問題、選擇方案與驗證成效這些工序,目前仍然要由人負責。NN/g 在 2026 年初發布的《State of UX》行業觀察亦指出,AI 仍然存在輸出不一致、虛構內容與邊緣情況失誤,需要人工監督。
新手與資深設計師,受影響有何不同?
不同資歷的設計師,工作中受 AI 分擔的部分並不一樣。畫整齊的畫面、套用規範、產出基本原型這類入門工序,是 AI 目前較能分擔的一類,而它們同時是初級職位常見的學習途徑;同一份行業觀察提到,入門職位競爭激烈,資深與通才職位恢復較快,這是全球觀察,不是香港數據。資深崗位的核心職責如拆解模糊需求、協調商業目標、判斷研究結論可信與否,這些判斷 AI 可以輔助,最後決定仍然由人負責。
入行門檻與職涯前景怎樣看?
入行要展示什麼能力,可以從作品集的要求看:除了用 Figma 畫得好,還要展示設計判斷與 AI 協作的成熟度,講得出為什麼這樣設計,比交出更多畫面重要。AI 功能大量進入各類產品之後,怎樣令用戶信任與懂得使用,成為新的設計難題,這類問題沒有現成答案,也是新人可以切入的位置。學會判斷不保證找到工作,但只會出畫面的人,可調整的空間更小。
AI 時代的設計師需要哪些能力?
設計判斷:拆解問題與做決策
設計判斷有兩個層面。問題拆解,是將「老闆說 App 很難用」這類模糊投訴,翻譯成可研究的問題:哪類用戶在哪個步驟遇到困難,後果是放棄操作還是客訴。設計決策,是在幾個可行方案之中講得出選哪一個、為什麼:成本是否可控、數據顯示哪一版表現較好,還是用戶研究指向某一版。兩個層面都可以練:日常工作裡多問一句「這個設計要解決什麼」,已經是練習的開始。
為什麼跨領域能力越來越重要?
跨領域能力決定設計師可以參與討論的範圍。你不必樣樣精通,但至少要讀得懂數據,哪一版設計的轉換較高、數據基礎是否足夠代表真實用戶;要講得出技術邊界,知道某個互動效果做不做到、成本差距多大;還要理解商業目標,分清這個專案要的是新訂單還是留存。
AI 產品的體驗設計在做什麼?
越來越多設計師的工作,不再只是把現有功能畫得易用,而是設計 AI 功能本身的體驗。Google PAIR 的People + AI Guidebook 指出,AI 輸出帶有概率與不確定性,介面要幫用戶理解系統的能力與限制,知道何時可以信任、何時應該自行判斷。例如食肆推薦系統每次都肯定地說「這間最適合你」,用戶試過幾次發現不準,就不會再用;改成「根據你最近的訂單推測」並提供其他選項,信任較容易維持。用戶有沒有控制權、出錯時怎樣修正,也要在設計階段想清楚。
數碼倫理與 AI 責任設計要顧什麼?
AI 功能牽涉用戶資料與自動決策,設計師不能只問「做不做到」。香港個人資料私隱專員公署在 2026 年 8 月發布代理式人工智能的私隱指引,建議資料最少化、只授予完成任務所需的最小權限、保持透明,並設人為監督與事前測試。這些原則落到設計層面,就是每個 AI 功能開發前要答的三條問題:要收集什麼資料、用戶知不知道、出錯時誰可以叫停。
AI 如何改變設計工作方式?
AI 協作:工具運用與訓練調校
最受影響的是原型工序:Figma 官方的 AI 原型生成工具 Figma Make,可由自然語言生成帶畫面、互動與邏輯的原型,再用提示修改或直接調整視覺與程式碼;Figma 官方列明 Starter 計劃可免費試用。但 AI 協作不是打一句指示就完工,描述不夠具體,產出就自由發揮;背景資料給得太少,它連你的設計規範都對不上。成熟的用法,是將專案背景與用字習慣整理成可重用的提示素材,令工具每次站在同一個起點。這些只是提示層面的調整,不是訓練模型;真的要訓練或微調模型,設計師負責定義用戶需要與評估標準,技術由工程團隊做。各款設計軟件的功能與協作、開發銜接比較,可看〈UI/UX 設計軟件比較〉。
設計系統:規範與元件一致性
AI 時代,設計系統的重要性不跌反升。規範要把顏色、字級、間距、元件狀態寫清楚,AI 生成介面時才有依據貼近團隊標準,元件之間是否一致仍要靠人工核對;缺乏規範的團隊用 AI,統一介面的修改工作會隨產出增加。
Vibe Coding 與自動化的界線
用自然語言指揮 AI 生成可運行的介面與程式,令設計師可以自己做出可試的成品,不用排隊等工程支援,這就是近年被稱為 Vibe Coding 的工作方式,對小團隊與獨立項目尤其實用。但要分清楚兩件事:可以運行的原型,與可以上線的產品,中間隔著安全、效能與真實用戶驗證。自動化真正能接手的是重複工序,例如批次調整尺寸、產生多語言版本、整理設計文件;策略與判斷,仍然在人手上。
AI 產出的覆核:功能驗證與使用者測試
覆核 AI 產出,正在變成設計流程的正式環節,分兩個層面。功能驗證檢查生成結果的邏輯是否成立:按鈕會不會去了錯的頁、極端資料會不會撐爆版面、狀態與狀態之間有沒有漏。使用者測試則是找目標用戶實際走一次流程,看完成率與卡住的位置。兩者目的不同,不能互相代替,功能正確不代表用戶用得順,用戶測試亦不能取代程式與安全層面的檢查,所以兩層都要做。
**
UI/UX 可以自學嗎?轉職準備與學習途徑
轉職者的既有背景有何優勢?
轉職者的背景多數不是包袱,而是被低估的本錢。平面設計師的視覺語言與客戶溝通經驗,可以帶進介面設計與提案;網頁開發出身的人,對技術邊界與可行性的判斷通常較有掌握;做過零售、前線服務甚至教學的人,對用戶在哪些環節容易卻步,往往有第一身觀察。這些背景可以怎樣運用,要回到個人經驗與作品去盤點。轉職的重點不是由零開始,而是盤點手上哪一塊可以直接搬過去,哪一塊要補課。
付學費之前,怎樣低成本試學?
報讀任何課程之前,先花兩至四星期小規模試學,確認自己適合才投入學費。工具成本可以很低,Figma Make 設有免費試用,可先用它試做簡單原型;手繪線框與閱讀公開的設計案例,成本亦有限。練習題不用花巧:挑一個你用過的香港服務,例如外賣應用的落單流程,畫出流程圖與三個關鍵畫面。這個練習可以幫你感受這類工作是否適合自己,也讓你了解自學節奏是否配合得來。有這兩方面的體會,再決定是否投入學費,會較有依據。
自學、課程與進修資助怎樣選?
自學與報課不是二選一,可行的組合是自學入門、課程補深度。選課程時看大綱有沒有真實專案與作品集環節,只教軟件操作的課程,對求職的幫助有限。學費方面,合資格人士可以申請在職家庭及學生資助事務處的持續進修基金,每人資助上限為 HK$25,000,但有三件事要先弄清楚。第一,課程必須在基金的有效登記名單內,並非所有 UI/UX 課程都有登記,報讀前用基金的課程搜尋引擎核對;第二,個人資格設有年齡與居留等要求,申請前要對照自己的情況;第三,資助須在成功修畢並達到出席與評核要求後才發放,而且只涵蓋課程費用的一部分,其餘由學員承擔,實際安排以基金現行規定為準。
持續練習要練什麼?
練習的方法比時數重要。做十個憑空想像的重新設計,不如認真完成一個有假設、有測試、有修改輪次的項目:先寫下你想改善什麼,找三五個目標用戶試用,記錄卡住的位置,改一版,再測。求職時可以拿出來講的,正是這個循環的證據,而非練習數量。
作品集與求職面試怎樣準備?
求職作品集與練習作品的分別,在於每個項目都要講一個完整的決策故事:遇到的問題、你的理解、考慮過的方案、最後的選擇與證據。三個講得深的項目,好過十個只有成品圖的項目。有真實限制的項目,例如義務幫小店改善訂單流程、參加設計比賽,通常較有說服力;預算、技術與時間的制約,能呈現你怎樣取捨與判斷。
**
作品集裡最值錢的,往往不是最漂亮的那一版,而是「為什麼不是另一版」。在項目裡寫清楚你放棄了什麼、數據或研究怎樣支持選擇,比最終畫面更能證明你會思考。
面試常見的考核包括分析能力與溝通表達。分析方面,挑一個你常用又覺得有問題的產品,練習用兩分鐘講出問題本質、影響與改善方向,即使面試沒有即場分析,這種練習亦會令你講項目時更有條理。溝通方面,講項目時緊記對象未必是設計師,講商業效果與用戶結果,比堆設計術語更易讓對方明白你的價值。遇到不會的問題,承認並講出你會怎樣找答案,好過勉強支撐。
資料參考
- Nielsen Norman Group(2024):UX 是一個人與產品、服務甚至公司之間的整體體驗關係,包括感受與每一次互動
- Morgan McKinley(2026):香港 UX Designer 以月薪計,Low 至 High 為 HK$25,000 至 HK$70,000
- Nielsen Norman Group(2026):AI 仍有輸出不一致、虛構內容與邊緣情況失誤,需要人工監督
- Google PAIR:AI 輸出帶有概率與不確定性,介面要幫用戶理解系統的能力與限制
- 香港個人資料私隱專員公署(2026):代理式 AI 指引建議資料最少化、最小權限、透明、人為監督與事前測試
- Figma:Figma Make 可由自然語言生成互動原型,Starter 計劃可免費試用
- 在職家庭及學生資助事務處:持續進修基金每人資助上限 HK$25,000,設課程登記、個人資格及修畢要求
UI/UX 設計入行與 AI 轉型常見問題
AI 會取代 UX 設計師嗎?
工具生成得到畫面,不代表整個職位會被取代,但工作內容正在轉變。畫整齊的畫面、套用規範、產出基本原型這類入門工序,是 AI 目前較能分擔的部分;定義問題、在方案之間做決策、驗證成效,仍然要人承擔,而 NN/g 的行業觀察亦指 AI 輸出仍有不一致與虛構內容,需要人工監督。對新手的實際意義,是入門職位競爭更激烈,作品集要展示設計判斷與 AI 協作的成熟度,而不只是產出畫面的能力。
UI/UX 設計師的工作包括什麼?
UI 偏視覺與互動層,UX 貫穿研究、流程與測試,實際職位多數兩者兼顧。一個專案通常分四個階段:
- 需求與資訊架構,搞清楚給誰用、解決什麼問題,將內容分類排位
- 使用者流程與線框,用低保真草圖定義每一步怎樣走
- 介面設計與原型,進入視覺,做出可點擊版本供人試用
- 測試、上線與優化,用真實數據修正前三段的假設
求職時細看職責描述,確認崗位偏視覺、偏研究,還是兩者兼顧。
香港 UI/UX 設計師的人工如何?
招聘機構 Morgan McKinley 的 2026 年香港薪酬指南,UX Designer 以月薪計的參考區間如下:
| 薪酬區間 | UX Designer 月薪 |
|---|---|
| Low | HK$25,000 |
| Median | HK$45,000 |
| High | HK$70,000 |
這是招聘機構的參考區間,不是官方統計,也未按資歷分級;落在哪個位置,主要看作品集、行業與技術範圍。
香港 UI/UX 課程如何選擇?
自學與報課不是二選一,可行的組合是自學入門、課程補深度。選課時核對三點:
- 大綱有沒有真實專案,只教軟件操作的課程,對求職幫助有限
- 有沒有作品集環節,能否累積講得出決策過程的項目
- 資助條件,持續進修基金要求課程有效登記、個人合資格、成功修畢才發放,並只涵蓋部分費用
報讀前先用基金的課程搜尋引擎核對登記名單,並對照自己的資格。
求職作品集應該重數量還是重深度?
深度比數量重要:三個講得深的項目,好過十個只有成品圖的項目。每個項目講一個完整的決策故事,遇到的問題、你的理解、考慮過的方案、最後的選擇與證據;有真實限制的項目,例如義務幫小店改善流程、參加設計比賽,會加分,因為預算、技術與時間的制約才顯得出判斷。與其展示最漂亮的一版,不如寫清楚「為什麼不是另一版」。

