top of page

手機UX UI 設計課程

這是一個專門為有志於瞭解並應用UX/UI設計的學生所設計的課程。學生將學習到如何從用戶的角度去構思和設計一個手機應用的用戶體驗和界面,並使用Figma去實現自己的設計。課程結束時,學生將能夠創建自己的可互動原型並獲得實際的設計經驗。

參考時數

18 小時

​課程概述

編程固然是一門重要的硬技能,但若要讓APP真正獲得成功,整體的用戶體驗 (UX) 和界面 (UI) 設計更顯重要。本課程旨在讓學生從用家角度出發,學習設計用戶體驗(UX)及繪畫界面(UI),並將這些元素融合成一個可互動的原型。透過本課程,學生將能對職業和發展的方向有更深入的探索。本課程將使用Figma作為主要的設計工具。



課程內容
  1. 簡介和基礎知識

    • UI/UX設計的定義和重要性

    • Figma介紹和基本操作

  2. 用戶體驗 (UX) 設計

    • 用戶研究和人物畫像

    • 用戶流程圖和資訊架構

    • 用戶體驗設計原則

    • 發掘Apple, Google 與Microsoft 用戶介面插件

    • ​介紹App 設計的基本步驟,由找問題、想解決方案,到以手繪草稿(UI) 排UX,找用家測試,繼而建立Wireframes,才開始建立XD 原型

  3. 界面 (UI) 設計

    • 界面設計基礎和原則

    • 配色, 字體, 和圖標設計

    • 元素和組件設計

  4. 原型設計和測試

    • 建立互動原型 (Responsive Design)

    • 原型測試和反饋

  5. 專案實作和演示

    • 學生自行設計和建立一個APP的UI/UX

    • 專案演示和回饋


評核

成品評分

  • 以設計產品的三大指標 - 可靠性、易用性及有效性; 亦會由導師及學員互相評核。


作品分享



學習目標

完成工作坊後,學生將能夠:

  1. 理解 UX 和 UI 的基本概念並區分兩者:學生將能夠解釋 UX/UI 設計的重要性,並理解兩者的區別和相互關係。

  2. 熟悉和運用 Figma 工具:學生將能夠掌握 Figma 的基本操作和高級功能,並在設計中靈活運用。

  3. 從用戶角度設計 UX:學生將學會如何進行用戶研究,並以用戶的角度去設計體驗,包括創建人物畫像、繪製用戶流程圖和設計資訊架構。

  4. 設計吸引人的 UI:學生將學會如何設計吸引和易用的界面,包括配色、字體選擇、圖標設計,以及元素和組件的布局和設計。

  5. 建立和測試互動原型:學生將學會如何利用 Figma 建立可互動的原型,並學會如何進行原型測試和從中收集反饋。

  6. 完成一個 UX/UI 設計專案:學生將有機會將在課程中學到的知識和技能應用到一個實際的專案中,並學會如何展示和解釋自

​適合對象

本課程適合對UX/UI設計感興趣,或希望進一步提升這方面技能的人士,包括學生、設計師、開發者、產品經理等。 學員需要有基本的電腦操作知識。對設計和創作有熱誠的人士會在本課程中獲益良多。無需先前的設計或編程經驗。

教學團隊

TBC

* HKUST Global Business & Information System (Class of 2019)
* HKUST MPhil in Technology Leadership and Entrepreneurship (Class of 202)
* Over 8 years experiences in STEM Education (Drone Technologies, Media Production, Design etc.)
* Product Design Experiences in Startups and Workplace for 6 years (Crypto Industry, No-code Solutions, IoT solutions, Automobile Industry)

TBC
bottom of page