Unit 05 01 / 10
UI 設計實作課程 · 2026

第一次
檢核點

個人專題 · 作業探討 · 設計回饋

3 小時 10 張 個人展示
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 02 / 10

Agenda

課程大綱

前半段 個人展示 每位同學分享目前的設計進度與思考
後半段 點評與討論 老師回饋與同儕互評
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 03 / 10

Checkpoint

第一次檢核點說明

確認學習進度,調整後半段方向

  • 展示目前設計的核心概念與對象
  • 說明你的 UX 問題定義
  • 展示 User Flow 或初步 Wireframe
  • 說明使用到的 AI 工具與方式
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 04 / 10

Criteria

評量重點

不看美不美,看邏輯通不通

  • 使用者問題是否清楚定義
  • User Flow 是否合理完整
  • Wireframe 是否反映設計意圖
  • 設計決策能否說明原因
  • 重點是思考過程,不是視覺細節
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 05 / 10

Common Issues

常見問題提醒

你可能需要補強的地方

  • 使用者目標太模糊(「想讓使用者喜歡」)
  • Flow 缺少例外狀態(找不到結果、網路斷線)
  • Wireframe 太注重視覺,忽略結構邏輯
  • 命名不清楚,圖層一片 Rectangle
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 06 / 10

Presentation Format

展示格式建議

說清楚,講明白

  • 1 分鐘說明:你的使用者是誰,解決什麼問題
  • 展示 User Flow:從入口到完成任務
  • 展示 1–3 個 Wireframe 頁面
  • 說明你用 AI 的方式與發現
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 07 / 10

Peer Feedback

同儕回饋方式

給出有建設性的意見

  • 先說你看懂的部分(確認理解)
  • 提出一個你覺得可以更清楚的地方
  • 給一個具體的改善建議(不是只說「不夠好看」)
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 08 / 10

Teacher Review

老師點評重點

本次會特別關注的面向

  • UX 問題定義的清晰度
  • Flow 的邏輯完整性
  • Figma 操作與命名習慣
  • 下半段課程的學習重點預告
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 09 / 10

Next Steps

後半段課程方向

根據今天的回饋調整專題

  • 單元 6:易用性原則 → 用來檢視你的設計
  • 單元 7:視覺基礎 → 開始加入視覺風格
  • 單元 8:元件系統 → 建立可複用的設計語言
  • 單元 10–11:高保真設計稿製作
UI 設計實作:Figma 與 UX 流程 × AI 設計整合
Unit 05 10 / 10

Q&A

問題與討論

有任何疑問,現在是最好的時機

  • 下半段課程的期待與擔心?
  • 目前 Figma 操作還有哪裡卡?
  • 專題方向有調整需求嗎?
UI 設計實作:Figma 與 UX 流程 × AI 設計整合