【直播課 + 回放影片】產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計
為期兩週的直播課開放報名中，7/1、7/8 開始上課
本課程包含以下內容：
課程介紹
註明：這兩堂直播課為 2026 產品設計實戰營內的直播課程，報名此課的學員僅擁有直播課與回放連結，不包含其他實戰營學習資源（作業回饋、線上工作坊、教練輔導）
帶你學會 UI、UX 的關鍵能力，從「畫對單一畫面」→「設計完整體驗」
第一堂
UI 設計核心、系統化思維與美感品味養成
掌握 UI 設計的核心原理與美感品味
第二堂
End-to-end UX 流程與進階互動設計概念
串起 End-to-end 的 UX 流程與互動細節，讓產品變成完整、好用的體驗
在精進 UI/UX 的路上，你是不是也正面臨這些困境？
「我覺得這樣比較好看，但說不出為什麼。」
無法有脈絡的陳述設計好壞的判斷依據
「每個畫面都好看，合起來卻很難用。」
擅長單一介面，但流程一拉長就卡關
「Demo 很美，真實情境一堆 bug 畫面沒設計。」
常忽略 loading、empty、error 等例外狀態
「同一個元件，不同畫面長得不一樣。」
缺乏設計系統思維，協作或改版時一團亂
「我會畫畫面，但不知道怎麼定義整段體驗。」
缺乏從問題空間到完整 UX Flow 的方法
別擔心，你不需要一個人摸索！這兩堂課會把「單一畫面的精準」和「完整體驗的串接」一次補齊，讓你的設計從「好看」進化到「好用」。
適合想從「做出畫面」進階到「設計完整體驗」的人，如果你是…
想轉職 UIUX、產品設計的人
已有基礎，想用系統化的方式把 UI 與 UX 串起來，建立能說服面試官的設計邏輯
UI 設計師
想讓設計更有系統、更能說清楚每個決策背後的理由，從「憑感覺」進化到「有依據」
想加強 UX
在流程、資訊架構、狀態設計等能力上不夠扎實，想把單一畫面的能力延伸到完整體驗
工程師 / PM
想更理解設計師如何處理互動細節、狀態與流程，提升跨職能協作的共同語言
獨立工作的設計師 / 接案者
沒有團隊互相把關，想建立一套自己能走完「從畫面到流程」的設計判斷標準
想跟上 AI 時代的設計工作者
想知道 AI 如何改變設計流程，以及在 AI 時代什麼能力才是設計師的絕對競爭力
兩堂課，讓設計從「好看」進化到「好用」
第一堂｜把單一畫面做對、做好看，也說得出設計決策
從 UI 的核心原理出發，建立美感品味、理解設計心理學，並用系統化思維與設計系統讓設計順利交付
第二堂｜把 UI 畫面變成完整、好用的體驗
設計合理的 UX Flow 與資訊架構，處理每個狀態與例外，打磨互動細節，讓使用體驗變成「能被理解與採用」的方案
為什麼一定要一次上兩堂？
AI 輔助的設計流程
實際運用 AI 輔助規劃完整的 End-to-end UX Flow，理解哪些環節適合交給 AI、哪些要由人類主導判斷
全部學完你才能帶走
一套從「單一畫面的精準判斷」→「完整體驗的流程設計」的能力，以及能在團隊裡被信任、被複製的設計決策邏輯
每一堂都從原理到實戰，一步步建立完整的 UI/UX 判斷力
🎯 第一堂〈 UI 設計核心、系統化思維與美感品味養成 〉
讓使用者快速理解的 UI 設計原理
UI 是「能被看見、理解、操作的訊息結構」
掌握行動、訊息、回饋三元素
UI 四個基礎詞彙——層級、對齊、留白、一致性
好介面不該讓使用者思考介面本身
美感與品味
把「我感覺好看」拆解成可被討論的判斷
美感與可用性效應
美感的三個判斷依據
讓品味成為能被解釋、被複製的判斷
UI 行為模式與設計心理學
把認知、行為、社會心理學應用到介面判斷
為什麼某些 UI Pattern 有效、又在什麼條件下失效
Jakob's Law、Fitts's Law 等原則的實際應用
系統化 UI 思維與設計系統
同一 Pattern 如何在不同畫面保持一致
設計系統如何讓品牌改色、多人協作不出錯
從單一畫面思維進化到系統化思維
通用設計與內容設計
好的設計不挑使用者
內容的溫度與介面的包容性如何決定產品格局
通用設計（Universal Design）與內容設計（Content Design）的核心觀念
🔍 第二堂〈 End-to-end UX 流程與進階互動設計概念 〉
UX Flow：從單一畫面到完整體驗設計
UX 設計 5 要素
流程中的關鍵節點與轉折點
流程如何支撐產品目標
流程重點不只是順，而是「合不合理」
從「問題空間」而不是畫面開始
使用情境的四個層次 — 人、任務、環境、時間與情緒
Opportunity Mapping
同一功能在不同情境下的 UX 差異判斷
讓使用者不迷路的資訊結構設計
資訊架構與導航設計
常見讓使用者「迷路」的設計陷阱
降低認知負擔的導航與結構策略
從理想畫面到完整 UI Stack 與狀態設計
UI Stack 與狀態設計思維
Edge cases 與例外狀況的設計思考
系統狀態（loading／empty／error）的策略性處理
互動設計：決定產品「好不好用」的關鍵細節
基本互動原則（回饋、可預期性、系統狀態可見性）
微互動與 UI 動畫如何提升體驗溫度
Progressive Disclosure、Power User 模式、跨裝置設計
Problem-first UX：畫 UI 之前先定義對的問題
UX Flow vs UI Flow
Happy path vs. Error page
使用者心理模型（Mental Model）如何影響設計
流程錯誤帶來的挫折感來源解析
把 UX 設計變成「能被理解與採用」的方案
完整 End-to-end UX Flow（含 AI 輔助規劃）
Flow Annotation（說明「為什麼這樣設計」）
如何說明與展示流程，讓方案能被理解與採用
報名後，這樣開始你的學習旅程
報名完成
我們會向你填寫的學員信箱寄出主旨為「你已成功加入《 產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計 》課程，一起來上課！」確認信
收到確認信
打開信件，確認上課連結與行事曆邀請
課前準備
依信件指示加入直播教室 / 取得簡報連結
準時上課
依排定時間進入課程，開始你的產品設計學習旅程
🔸 你曾參加過 AAPD 課程或活動嗎？
恭喜你擁有校友限定優惠，立即前往 Discord「學院廣播室」查看公告，領取你的專屬折扣碼。
課程要點
從 UI 的核心原理出發，建立美感品味、理解設計心理學，
用系統化思維與設計系統讓設計順利交付
設計合理的 UX Flow 與資訊架構
處理每個狀態與例外，打磨互動細節
讓使用體驗變成「能被理解與採用」的方案