給設計師的設計系統必修課
掌握模組化 UI 設計，讓工程開發協作不卡關！
- # Variable
- # 元件解構
- # 產品設計
- # Storybook
- # Design Token
- # Design System
- # 設計系統
本課程包含以下內容：
課程簡介
在這門約 5 小時的課程中，經驗豐富的 Harry 老師將帶領你循序漸進地掌握模組化 UI 設計，透過 5 個設計實作練習來即時應用所學，最終做出一套基礎的設計系統。
設計系統的核心在於一套定義好的元件和設計原則，這些元件和原則就像樂高積木一樣，設計師和開發人員可以使用這些「積木」來快速搭建和擴展產品功能，同時確保產品在視覺、功能和行為上的一致性。而工程師也可以按照說明書（設計系統文件）來進行組裝，用各種元件來搭建成完整的產品。
如果你在產品開發時想要達到……
✅ 保持產品設計的一致性，提高產品的品質和使用者體驗
✅ 加速開發團隊理解產品端與設計端的需求，降低溝通成本
✅ 有效掌握產品設計和開發的進度，更順利推進產品開發時程
👉🏻 免費兌換直播分享會回放
歡迎在購買課程前透過分享會了解設計系統課程的內容與價值，別錯過難得能與 Harry 老師交流的機會，體驗他在設計系統領域的專業與課程設計的巧思。點擊前往兌換！
🔸 每個單元的影音內容的時間約落在 5-15 分鐘左右 x 總共 40 單元以內
🔸 每個作業與專案的出題皆包含影片詳細說明以及相關範例引導
🔸 每個小作業都有真人助教批改和針對個人程度給予建議
🔸 建議學習頻率：1.5 - 2 個月內學習完畢，每週投入約 2-3 小時的時間 ( 包含額外筆記整理、重點回顧和實作練習的時間，確切所需的時數會因學習者的背景和內容熟悉度而異 )
本課程不需要特定的課前知識或經驗
但若有以下相關學習或工作經驗將有助於你的學習效率
✅ 已初步了解 UI 設計工具使用
✅ 熟悉 Figma 基礎操作技能
✅ 大致了解 HTML/CSS 等基礎前端概念
✅ 曾有和產品團隊合作經驗
✅ 曾經歷與工程師痛苦的開發合作過程
Discord 學習社群兩大課程專屬服務
在學習過程中，若遇到無法即時發問的課堂疑惑、實作時的突發問題、希望深入探討的主題或是想尋求更多學習資源時，不必擔心。AAPD 已為你準備好專業的回饋與交流服務，解決你線上課程中的學習困擾。
- 課程和作業問答頻道：上課過程中，遇到任何「課程內容問題」、「作業問題」，可以及時向助教非同步詢問
- Harry 老師每月補給區：每個月 10 日，非同步與 Harry 老師交流（提問方向從課程內容到實務應用都可以）和吸收最新資訊（老師將分享課堂延伸學習資源、業界最新趨勢或分享實用工具）
👋🏻 期待能在課程中與你相見，一起踏上設計系統的學習之旅！
課程要點
設計系統核心概念：建立設計系統的核心概念，理解設計原則
工程溝通協作：使用工程師語言做文件，往事半功倍的協作出發
實作開發練習：實作設計系統開發設定，並實際了解業界實務流程
業界實務案例分析：看不同團隊類型，如何讓設計系統落地實施
課程內容共 47 個單元•總時數約 4.8 小時
關於講師
Harry Chuang
2017 年開始前往新加坡海外工作，協助產品團隊研究以及開發設計系統及元件庫平台，為公司大幅減少產品團隊之間的溝通問題與開發人力成本。並於 2019 年設計開發 awwrated 影劇避雷平台，幫助使用者更快找到好評影劇，目前是台灣最大的串流影音資訊平台。
常見問題
本課程包含以下內容：