--- title: "【直播回放】產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計" slug: livecourse-2 url: https://academy.aapd.com.tw/courses/livecourse-2 type: paid --- # 【直播回放】產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計 > 為期兩週的直播課開放報名中，7/1、7/8 開始上課 ## Description 註明：這兩堂直播課為 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 時代什麼能力才是設計師的絕對競爭力課程內容介紹兩堂課，讓設計從「好看」進化到「好用」第一堂｜把單一畫面做對、做好看，也說得出設計決策線上直播課｜7/1 ㊂ 19:30 ~ 22:00 上課｜永久觀看回放從 UI 的核心原理出發，建立美感品味、理解設計心理學，並用系統化思維與設計系統讓設計順利交付第二堂｜把 UI 畫面變成完整、好用的體驗線上直播課｜7/8 ㊂ 19:30 ~ 22:00 上課｜永久觀看回放設計合理的 UX Flow 與資訊架構，處理每個狀態與例外，打磨互動細節，讓使用體驗變成「能被理解與採用」的方案為什麼一定要一次上兩堂？AI 輔助的設計流程實際運用 AI 輔助規劃完整的 End-to-end UX Flow，理解哪些環節適合交給 AI、哪些要由人類主導判斷全部學完你才能帶走一套從「單一畫面的精準判斷」→「完整體驗的流程設計」的能力，以及能在團隊裡被信任、被複製的設計決策邏輯課程大綱每一堂都從原理到實戰，一步步建立完整的 UI/UX 判斷力🎯 第一堂〈 UI 設計核心、系統化思維與美感品味養成 〉1讓使用者快速理解的 UI 設計原理UI 是「能被看見、理解、操作的訊息結構」掌握行動、訊息、回饋三元素UI 四個基礎詞彙——層級、對齊、留白、一致性好介面不該讓使用者思考介面本身2美感與品味把「我感覺好看」拆解成可被討論的判斷美感與可用性效應美感的三個判斷依據讓品味成為能被解釋、被複製的判斷3UI 行為模式與設計心理學把認知、行為、社會心理學應用到介面判斷為什麼某些 UI Pattern 有效、又在什麼條件下失效Jakob's Law、Fitts's Law 等原則的實際應用4系統化 UI 思維與設計系統同一 Pattern 如何在不同畫面保持一致設計系統如何讓品牌改色、多人協作不出錯從單一畫面思維進化到系統化思維5通用設計與內容設計好的設計不挑使用者內容的溫度與介面的包容性如何決定產品格局通用設計（Universal Design）與內容設計（Content Design）的核心觀念🔍 第二堂〈 End-to-end UX 流程與進階互動設計概念 〉1UX Flow：從單一畫面到完整體驗設計UX 設計 5 要素流程中的關鍵節點與轉折點流程如何支撐產品目標流程重點不只是順，而是「合不合理」2從「問題空間」而不是畫面開始使用情境的四個層次 — 人、任務、環境、時間與情緒Opportunity Mapping同一功能在不同情境下的 UX 差異判斷3讓使用者不迷路的資訊結構設計資訊架構與導航設計常見讓使用者「迷路」的設計陷阱降低認知負擔的導航與結構策略4從理想畫面到完整 UI Stack 與狀態設計UI Stack 與狀態設計思維Edge cases 與例外狀況的設計思考系統狀態（loading／empty／error）的策略性處理5互動設計：決定產品「好不好用」的關鍵細節基本互動原則（回饋、可預期性、系統狀態可見性）微互動與 UI 動畫如何提升體驗溫度Progressive Disclosure、Power User 模式、跨裝置設計6Problem-first UX：畫 UI 之前先定義對的問題UX Flow vs UI FlowHappy path vs. Error page使用者心理模型（Mental Model）如何影響設計流程錯誤帶來的挫折感來源解析7把 UX 設計變成「能被理解與採用」的方案完整 End-to-end UX Flow（含 AI 輔助規劃）Flow Annotation（說明「為什麼這樣設計」）如何說明與展示流程，讓方案能被理解與採用開課流程報名後，這樣開始你的學習旅程1報名完成我們會向你填寫的學員信箱寄出主旨為「你已成功加入《 產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計 》課程，一起來上課！」確認信2收到確認信打開信件，確認上課連結與行事曆邀請3課前準備依信件指示加入直播教室 / 取得簡報連結4準時上課依排定時間進入課程，開始你的產品設計學習旅程🔸 你曾參加過 AAPD 課程或活動嗎？恭喜你擁有校友限定優惠，立即前往 Discord「學院廣播室」查看公告，領取你的專屬折扣碼。 ## Learning Objectives - 從 UI 的核心原理出發，建立美感品味、理解設計心理學， - 用系統化思維與設計系統讓設計順利交付 - 設計合理的 UX Flow 與資訊架構 - 處理每個狀態與例外，打磨互動細節 - 讓使用體驗變成「能被理解與採用」的方案 ## Course Info - Lectures: 5 - Video: 5h ## Instructors ### Simon Lin *課程講師 & 主理人* 擁有 10+ 年的產品設計經驗，擅長透過簡單直覺的設計方案來解決複雜的使用者問題和挑戰。目前居住在澳洲雪梨，在全球前 10 大的獨角獸公司 Canva 擔任資深產品設計師，專注打造全球超過千萬使用者的 SaaS 平面設計工具，幫助更多人體會到設計的美好。曾旅居日本東京 5 年，在全球職缺搜尋引擎 Indeed 擔任資深 UX 設計師，負責日本市場的本地化體驗與服務。同時也是 As A Product Designer (AAPD) 設計教育品牌創辦人，擁有超過近 2 萬的訂閱讀者也與超過 200 名在產品設計領域的作者合作，提供許多實用的學習資源與內容。 ### Anniie Lee *產品設計實戰營講師* 現居東京，在日本最大二手交易平台 mercari 擔任資深產品設計師，並擁有 8 年以上的產品設計經驗，目前專注於賣家體驗，幫助他們更有效率地管理商品與提升銷售表現。 曾擔任 AAPD 設計實戰營與產品挑戰賽助教，並在 ADPList 進行 30+ 場 1:1 職涯諮詢，幫助設計師成長。過去在 FunNow 負責使用者成長 (User Growth)，以設計驅動轉化與留存。相信設計不只是解決問題，更能創造影響力與使用者體驗的提升。 ### AAPD - As A Product Designer *AAPD 產品設計學院* AAPD 的使命是培育世界級的產品設計師，我們致力於設計教育以及創造產業社群的交流與互動。我們長期關注 UI/UX設計、個人成長、職涯發展、設計趨勢與科技動態等議題，同時也期待 AAPD 成為一個設計產業進步的推進器，去幫助設計師思考如何夠過設計的力量，為組織與產品創造更多的影響力，並且讓產品設計成為企業的核心價值之一 ## Curriculum ### 開課前的小叮嚀 (0m) - 課程資訊 (0m) ### 課程資源介紹 (0m) ### 第一堂｜把單一畫面做對、做好看，也說得出設計決策｜7/1（三） (2h 34m) - 直播課程連結 / 講義教材 (2h 34m) ### 第二堂｜把 UI 畫面變成完整、好用的體驗｜7/8（三） (2h 36m) - 直播課程連結 / 講義教材 (2h 36m) ### 課後回饋 (0m) - 延伸學習資源與下一步建議 (0m) - 留下回饋與建議 (0m) ## Pricing ### 《 產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計 》 - NT$2,799 ✦ 學會 UI、UX 的關鍵能力，從「畫對單一畫面」→「設計完整體驗」 ❏ 課程形式：線上直播課（永久觀看回放） ❏ 上課時間：第一堂 7/1 ㊂ 19:30 ~ 22:00、第二堂 7/8 ㊂ 19:30 ~ 22:00，每堂約 2 小時半（包含線上 QA） ❏ AAPD 校友享 $200 元折價券，請至 Discord「📣｜學院廣播室」搜尋「直播課」 領取 ❏ 報名之後可獲得：直播課連結、永久觀看課程回放影片、完整的課程講義教材、個人練習作業（不會有教練回饋與批改） ⚠️ 2026 實戰營 & 旗艦雙營學員無需報名，課程已包含在營隊教學中 ## FAQ ### 直播課相關問題 **如果無法參與直播課程怎麼辦？** 若無法參與直播，課程內容本身不會有缺漏，我們會於課後提供回放觀看。不過，將會錯過以下即時互動機會：當場 Q&A 提問與回應老師針對個別情境的即時回饋現場依學員狀況延伸補充的互動內容需特別說明的是，本課程課後沒有設置專屬提問區等後續提問機制，因此即時互動的價值會集中在直播當下。如果你的學習重點在於完整吸收方法與流程架構，觀看回放即可掌握核心內容；若希望獲得老師針對自身練習或專案情境的即時回饋，則建議盡量安排參與至少一場直播。 **課程回放 / 教學講義等要在哪裡領取？** 登入 AAPD ＞ 進到「我的課程」＞ 點擊左側選單的「系列課程」就可以找到囉！課程錄影回放與簡報，我們預計會在課後三天內，提供在課程單元裡，讓大家隨時都能回來觀看。 **報名成功後，要如何觀看課程呢？** 購買課程、付款成功之後，我們會寄出一封主旨為「你已成功加入《 產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計 》課程，一起來上課！」的信件引導你領取直播課連結，並且在課程當天我們也會寄信提醒唷！你可以在直播課當天使用電腦、手機及平板裝置前往直播間上課。 ### 退費相關 **繳費／報名成功後，可以退費嗎？** 可以的，但是請在申請退款前閱讀以下相關資訊，退費規定根據「第一堂直播課開課日期」判定：為維護您的學員權益，本課程退費依據「開課時間」採取嚴格的時間點認定，敬請留意：全額退費：於第一堂開課日期 7/1（三）凌晨 00:00 之前提出申請者，可辦理全額退費。無法退費：於開課日期 7/1（三）凌晨 00:00 之後（含 00:00 當刻），因課程系統已全面開通，恕不接受任何退費或改期申請。※ 舉例說明：若課程於 7 月 1 日開課，您最晚須於 6 月 30 日 23:59 前完成退費申請；作業時間以系統接收到申請的時間戳記為準。 **繳費／報名成功後，如何申請退費？** 我們理解在學習過程中，可能會因個人需求變動、課程不符期待、健康或工作等不可抗力因素，導致無法繼續參與課程。 為了確保退費程序的正確性與完整性，所有退費申請須以填寫退費申請表的形式提出。 申請後，需要約 3-5 個工作天（不包含國定假日）審核，完成審核後將透過電子郵件通知申請者退費結果。建議學員在報名時仔細評估自己的時間規劃，如果確定無法參與課程，建議盡早提出退費申請，以確保能獲得較高的退費比例。 點選退費申請表單填寫：https://docs.google.com/forms/d/e/1FAIpQLSeqwUKU1MmdFvqNTwOGmfBRlf46llz4WKhif3kOFd4uAx5Udg/viewform由 AAPD 審核，通知審核結果（約 3-5 個工作天）申請者確認後進行退費作業（約 5-7 個工作天） 退費方式說明：信用卡刷退：如果當初購買時，採用信用卡付費，則採信用卡退刷方式匯款退款：如果當初購買時採用 ATM 轉帳或超商付款，則採匯款退款方式 ### 結帳方式與折扣碼使用 **請問有哪些支付方式？** 目前支援的付款方式有信用卡（包括國外信用卡）、ATM 轉帳、超商付款，點擊購買後可在頁面中選擇付款方式。 **如果付款失敗該怎麼辦呢？** 如果在填寫完信用卡資訊後顯示付款失敗或頁面跳轉失敗，請回到學院首頁並點擊頁面右上角「會員資料」中的「付款資料」頁面，這個頁面中會顯示已成功付款、等待付款、已失效的訂單。 如果訂單顯示「已成功付款」，表示購買成功；若顯示「已失效」，代表信用卡沒有成功刷過，直接重新購買即可。若訂單顯示「等待付款」，請寫信至客服信箱 aapdgo@gmail.com 並於主旨標明「 產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計｜付款相關問題」將由夥伴協助你。 **如何使用折扣碼？** 點擊購買後即可進入付款頁面，在付款頁面中可找到「優惠代碼」欄位，將你收到的優惠代碼（折扣碼）填入欄位或直接貼上，點擊「套用」，折扣就會生效囉！ **若有合購其他課程一起下單的話，還可以使用折扣碼嗎？** 折扣碼同樣適用於合購其他課程一起下單的情況，系統會自動計算優惠金額，讓你一次結帳更方便、更划算。 ### 發票與統編相關 **我想開立統編發票，該怎麼申請呢？** 目前僅支援電子發票，不支援手開發票！請在付款頁面下方選擇「統編發票」，並輸入公司抬頭與統一編號，購買成功後系統將自動寄出含有統編的電子發票至你填寫的信箱。 **發票開統編且有報帳的需求，在報名課程並付款之後，大約多久會收到發票或收據呢？** 發票的存取方式可以參考以下二個，更多解說內容： 買受人（學員）學員購買課程後，會收到 ezPay 自動寄送的電子發票開立通知信件，點擊信件下方 【發票明細】 超連結，可看到發票詳細明細資料買受人（學員）也可直接去 ezPay 電子發票官網 — 「幫助中心 → 查詢專區 → 電子發票查詢」，輸入電子發票通知信中的發票號碼、發票日期、隨機碼及圖型驗證碼，點選「開始查詢」。 **我忘記或填錯統一編號資訊改怎麼辦？** 若於結帳頁面「未填寫」或「填寫錯誤」公司抬頭與統一編號，系統將依當下提供的資訊開立發票，日後無法更改或補開統編發票。付款完成後才提出補開或更改統編的需求，必須先辦理退費並重新購買，且重新購買時需正確填寫相關資訊。⚠️ 因補統編需求而辦理退費者，自 2025 年 8 月 11 日起，將酌收 $200 元處理費。 ### 平台使用與學習相關 **為什麼在註冊完成後，沒有收到認證信件？** 建議可先至註冊的 Email 收件夾中查詢一封由系統自動發送的「驗證電子信箱通知信」，如果沒有看到信件的話，可以到「垃圾郵件」或「促銷類別」做進一步確認喔！ **忘記帳號密碼怎麼辦？** 請到 Teachify 學院，點擊右上方「登入」按鈕，到學院登入頁面，進入登入頁面之後，網頁拉至最下方，點擊「忘記密碼？」連結，輸入你原本註冊的 Email，完成後送出，系統將自動寄出「密碼重設驗證信」到你的 Email 帳戶，按信中提示操作即可。 **上課前我需要安裝 Figma 軟體嗎？Mac 或 Windows 都可以上課嗎？** 你只需要一台可以上網並且可以打開瀏覽器的電腦（如在意使用體驗，建議 下載 Figma 桌面版 App），且不限作業系統。 ### 其他問題 **如果上述都沒有找到你想問的問題⋯⋯** 請於週一至週五 13:00-20:00 寫信至客服信箱 aapdgo@gmail.com ，或到 AAPD LINE 官方帳號 留下訊息，並於主旨標明「產品設計必修：UI 美感訓練、系統化設計與全端 UX 互動設計｜ＯＯ問題」會有夥伴協助你！:: 客服上班時間 平日 13:00-20:00 / 假日和國定假日公休