top of page
手機UX UI 設計課程
編程只是一門硬技能。但若想APP成功，整體的用戶體驗 (UX) 和界面 (UI) 設計更為重要。本課程旨在讓學生懂得仔細從用家角度設計用戶體驗(UX)及繪畫界面(UI)，並串聯成可互動體驗的原型作演示，從中讓他們探索職業和發展的方向。
課程大綱
課程內容
01/
App 設計概念及構思
-
介紹何謂Experience Design (XD)
-
分析因UX 或UI 而聞名的App
-
道出本課程的目標和設計主題
-
介紹App 設計的基本步驟，由找問題、想解決方案，到以手繪草稿(UI) 排UX，找用家測試，繼而建立Wireframes，才開始建立XD 原型
02/
Adobe XD 應用教學
-
建立、排列及修輯Artboards
-
發掘Apple, Google 與Microsoft 用戶介面插件
-
建立平面圖形、設定圖形參數及相關進階功能 (圖形圓角、陰影、背景模擬化、繪畫工具等)
-
文字、圖片插入，並使用位置對準功能
-
Responsive Resize
03/
原型繪製
-
把Wireframes 建造成互動的原型 (界面連繫、觸動元素設置等)(在此環節，學員會以小組形式跟導師學習)
04/
原型測試
-
在預覽視窗或移動設備上預覽設計
-
將用戶體驗流程錄製為.mov檔
-
找目標用戶進行測試 (UAT)，並收集意見
05/
成品分享
-
導出Web，iOS和Android設備的圖稿，並將畫板另存為.png .svg和.pdf文件，批量導出
-
導出到After Effects (增潤)
-
使用插件擴展Adobe XD
評核
課程測驗
課程中會設有數次的互動遊戲測驗，讓導師了解學員對課程內容的認識。
成品評分
以設計產品的三大指標 - 可靠性、易用性及有效性; 亦會由導師及學員互相評核。
課堂器材
拍攝器材 (可租/買/自備)
- 電腦: 建議規格: CPU i5 、RAM 8GB 或以上
- 手機/平板
額外服務
課堂幕後花絮拍攝服務
拍攝學生的學習時刻
其它資訊
師生比例
1:5 至 1:10 不等，根據授課或活動模式而定
作品示例
bottom of page