用戶體驗與用戶介面課程
協助香港中學生培養實用的設計與應用科技技能，並學會以AI輔助設計，而非只被動接受其產出。
為何用戶體驗與用戶介面設計如此重要？
數碼經濟下最受歡迎的設計技能
隨着數碼經濟興起，「設計與應用科技」所強調的設計思維、科技應用與創新解難能力，與未來職場對設計人才的需求高度接軌。UX/UI 設計是數碼經濟中需求最殷切的技能之一，獲世界經濟論壇列為未來工作的關鍵技能。 當AI生成圖像與介面日趨普及，真正稀缺的是懂得指揮、判斷及改良其產出的人才。 SEED 的 UX/UI 課程透過真實專案與實踐學習，幫助香港中學生培養具創意、實用性與職涯導向的設計能力。
UX/UI 教會學生以「人」為本的設計同理心
優秀的數碼產品源自同理心。UX/UI 設計鼓勵學生站在用戶角度思考——了解他們的需求、痛點與目標。《人工智能素養學習架構》把同理心與責任感列為人機協作所需的素質，而設計正是學生實踐這兩項素質的場景。 這種思維轉變能幫助中學生跳出自身視角，從多角度解決問題，培養以人為本的設計觀與創新實力。
各行各業通用軟技能
.png&w=3840&q=75)
在未來職場中，結合設計與應用科技的能力將成為不可或缺的核心技能。課程不僅教授實用工具，更着重培養學生的創新解難力與科技素養。除了操作各種創意工具，學生亦會建立溝通、協作、創意思維及項目管理等關鍵軟技能，這些以人為本的技能在各行各業都極具價值。學生更會學會追問一項設計對使用者造成什麼影響:這些關於私隱、無障礙與公平性的問題，AI生成的介面往往不會主動提出。
課程內容概覽
UX/UI 與視覺設計基礎
- 認識 UX（使用者體驗）與 UI（使用者介面）之間的差異 - 習視覺傳達與數位設計的基本原則 - 探索專業創意工具，如 Affinity 及 AI 圖像生成工具 - 實踐構圖、色彩、重點與層級等核心設計概念 - 在公益海報專題的每個階段運用 AI：構思情緒板方向、撰寫設計簡報、規劃海報圖層，並依據設計原則評析草稿 - 比較 AI 生成的設計與自己的作品，並決定取捨：設計決定權仍在學生手上
數碼產品設計中的 UX/UI 應用
- 打造有效且有意義的使用者體驗 - 透過科技、商業與創意產業的案例分析，深入了解 UX/UI 實踐 - 學習如何將 UX/UI 原則應用於產品設計流程中 - 與真實用戶進行用戶研究，將發現歸納為有證據支持的主題，並訂立清晰的問題陳述 - 製作同理心地圖（Empathy Mapping）、人物誌（Persona）與用戶旅程，並以真實研究為依據，而非憑空假設 - 在研究與設計流程中運用AI，從檢查訪談問題是否帶有偏見，到建議主題及生成替代的線框圖 - 對照原始資料與真實用戶證據核實每一項 AI 建議，並決定接納或拒絕
進階 UX/UI 原型設計與評估
- 學習人機互動（HCI）的基本概念 - 網頁與手機介面的 UX/UI 原型設計 - 理解網站結構設計，包括資訊架構與使用者流程 - 製作網站地圖、線框圖及可互動的網頁原型 - 撰寫清晰的介面文案，從按鈕標籤、表單指示到錯誤訊息 - 與同學進行可用性測試，並根據回饋及無障礙檢查修訂設計 - 在設計與開發流程中運用人工智能：建議網站結構與導覽標籤、草擬介面文案、生成 HTML、CSS 及 JavaScript簡短程式碼 - 批判地評估 AI 生成的原型：哪些部分可用、哪些不足，以及如何修正
課程內容概覽
UX/UI 與視覺設計基礎
- 認識 UX（使用者體驗）與 UI（使用者介面）之間的差異 - 習視覺傳達與數位設計的基本原則 - 探索專業創意工具，如 Affinity 及 AI 圖像生成工具 - 實踐構圖、色彩、重點與層級等核心設計概念 - 在公益海報專題的每個階段運用 AI：構思情緒板方向、撰寫設計簡報、規劃海報圖層，並依據設計原則評析草稿 - 比較 AI 生成的設計與自己的作品，並決定取捨：設計決定權仍在學生手上
數碼產品設計中的 UX/UI 應用
- 打造有效且有意義的使用者體驗 - 透過科技、商業與創意產業的案例分析，深入了解 UX/UI 實踐 - 學習如何將 UX/UI 原則應用於產品設計流程中 - 與真實用戶進行用戶研究，將發現歸納為有證據支持的主題，並訂立清晰的問題陳述 - 製作同理心地圖（Empathy Mapping）、人物誌（Persona）與用戶旅程，並以真實研究為依據，而非憑空假設 - 在研究與設計流程中運用AI，從檢查訪談問題是否帶有偏見，到建議主題及生成替代的線框圖 - 對照原始資料與真實用戶證據核實每一項 AI 建議，並決定接納或拒絕
進階 UX/UI 原型設計與評估
- 學習人機互動（HCI）的基本概念 - 網頁與手機介面的 UX/UI 原型設計 - 理解網站結構設計，包括資訊架構與使用者流程 - 製作網站地圖、線框圖及可互動的網頁原型 - 撰寫清晰的介面文案，從按鈕標籤、表單指示到錯誤訊息 - 與同學進行可用性測試，並根據回饋及無障礙檢查修訂設計 - 在設計與開發流程中運用人工智能：建議網站結構與導覽標籤、草擬介面文案、生成 HTML、CSS 及 JavaScript簡短程式碼 - 批判地評估 AI 生成的原型：哪些部分可用、哪些不足，以及如何修正
課程特色
掌握業界熱門設計工具
我們特別重視設計與應用科技的結合，透過系統化教學，讓學生逐步掌握從概念到實作的完整過程，學習設計基本原理、顏色理論及數碼圖像編輯技巧，並實際操作業界常用的 Affinity和 Figma，進行用戶介面設計、圖像處理與原型製作。課程同時讓學生與AI圖像及版面生成工具並用，學會兩者配合，而非以AI取代設計能力。 學生因而掌握實用技能，為日後投身 UX/UI 設計及相關產業奠定基礎。
資歷架構 （QF）認可的中學生UX/UI 設計課程
我們的 UX/UI 課程已正式納入香港資歷架構（QF）認可，為學生提供具系統性且高品質的科技教育，內容獲本地學校、大專院校及業界僱主廣泛認可，幫助學生為升學與職涯發展打好基礎。資歷認證亦為學校提供可記錄的學生學習成果證明，方便在《學校發展計劃》中匯報人工智能及數字教育的推行情況。
人與人工智能相遇之處：介面設計
UX/UI 設計正是人與人工智能相遇的地方。學生學會指揮人工智能，而非事事依賴：他們會先自行研究、草擬及繪畫，再以人工智能檢視作品——核實資料來源、測試訪談問題、檢查用戶畫像是否帶有刻板印象，或審視問題陳述是否清晰。AI只提出建議，最終由學生決定取捨並解釋原因。
連結業界提升實踐能力
課程由具實戰經驗的業界專家擔任導師，於校內以互動實作方式授課，提升學生學習動力及設計與應用科技的能力。透過與初創至大型企業的合作，學生可參與職場體驗、比賽、企業參訪等多元課外活動，並了解在職設計師如何為AI在實際產品中的應用劃定界線。
課程特色
掌握業界熱門設計工具
我們特別重視設計與應用科技的結合，透過系統化教學，讓學生逐步掌握從概念到實作的完整過程，學習設計基本原理、顏色理論及數碼圖像編輯技巧，並實際操作業界常用的 Affinity和 Figma，進行用戶介面設計、圖像處理與原型製作。課程同時讓學生與AI圖像及版面生成工具並用，學會兩者配合，而非以AI取代設計能力。 學生因而掌握實用技能，為日後投身 UX/UI 設計及相關產業奠定基礎。
資歷架構 （QF）認可的中學生UX/UI 設計課程
我們的 UX/UI 課程已正式納入香港資歷架構（QF）認可，為學生提供具系統性且高品質的科技教育，內容獲本地學校、大專院校及業界僱主廣泛認可，幫助學生為升學與職涯發展打好基礎。資歷認證亦為學校提供可記錄的學生學習成果證明，方便在《學校發展計劃》中匯報人工智能及數字教育的推行情況。
人與人工智能相遇之處：介面設計
UX/UI 設計正是人與人工智能相遇的地方。學生學會指揮人工智能，而非事事依賴：他們會先自行研究、草擬及繪畫，再以人工智能檢視作品——核實資料來源、測試訪談問題、檢查用戶畫像是否帶有刻板印象，或審視問題陳述是否清晰。AI只提出建議，最終由學生決定取捨並解釋原因。
連結業界提升實踐能力
課程由具實戰經驗的業界專家擔任導師，於校內以互動實作方式授課，提升學生學習動力及設計與應用科技的能力。透過與初創至大型企業的合作，學生可參與職場體驗、比賽、企業參訪等多元課外活動，並了解在職設計師如何為AI在實際產品中的應用劃定界線。
課程時間表
想把SEED課程引進您的學校？
立即與我們聯繫
學校伙伴評價
查看更多
九龍工業學校
UXUI課程
很感謝，因為不是有很多的NGO會願意照顧弱勢和學業成績不高的學校/同學。我拿了同學UXUI的作品給校長看，他無法相信這是同學能做出來的
老師
九龍真光中學
UXUI課程
你們的UXUI 課程讓讀Arts的同學知道他們的技能是有出路的。
老師
潔心林炳炎中學
UXUI課程
感謝你們提供寶貴的學習機會，讓學生能對最新科技發展有更深入認識，另外學生亦從UXUI Design課程中學習到電腦圖像設計的技巧，作品表現出色，課程的確能發展學生多元才能
副校長
學校伙伴評價
查看更多
九龍工業學校
UXUI課程
很感謝，因為不是有很多的NGO會願意照顧弱勢和學業成績不高的學校/同學。我拿了同學UXUI的作品給校長看，他無法相信這是同學能做出來的
老師
九龍真光中學
UXUI課程
你們的UXUI 課程讓讀Arts的同學知道他們的技能是有出路的。
老師
潔心林炳炎中學
UXUI課程
感謝你們提供寶貴的學習機會，讓學生能對最新科技發展有更深入認識，另外學生亦從UXUI Design課程中學習到電腦圖像設計的技巧，作品表現出色，課程的確能發展學生多元才能
副校長