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 不等,根據授課或活動模式而定

Adobe XD

為何選擇Adobe XD?

Adobe Experience Design是UI / UX設計人員非常通用的工具,因為它還允許用戶創建交互式原型。 我們不僅要討論Adobe XD的工作技術,而且要使我們的項目與Adobe Muse一起成為一個可以正常工作的網站!

經典例子

UBER

​按3點即可租車

TIMEPAGE

流暢的滑動 與 Timeline 設計,讓用家方便查看行事曆

作品示例

bottom of page