給設計師的設計系統必修課

掌握模組化 UI 設計,讓工程開發協作不卡關!

Harry Chuang

Harry Chuang

給設計師的設計系統必修課
預覽影片

本課程包含以下內容:

課程長度約 0.6 小時
46 個課程單元
給設計師的設計系統必修課 - 預購方案
預購方案
NT$6,400
預購價
NT$4,160
2024/12/22 15:30 截止

課程簡介

在這門約 4 小時的課程中,經驗豐富的 Harry 老師將帶領你循序漸進地掌握模組化 UI 設計,透過 5 個設計實作練習來即時應用所學,最終做出一套基礎的設計系統。

  • 課程第一批學習內容:(C1-C5)將於 2024/12/23 13:00 上架 
  • 課程第二批學習內容:(C6-C9)將於 2025/01/06 13:00 上架

設計系統的核心在於一套定義好的元件和設計原則,這些元件和原則就像樂高積木一樣,設計師和開發人員可以使用這些「積木」來快速搭建和擴展產品功能,同時確保產品在視覺、功能和行為上的一致性。而工程師也可以按照說明書(設計系統文件)來進行組裝,用各種元件來搭建成完整的產品。

如果你在產品開發時想要達到……

✅ 保持產品設計的一致性,提高產品的品質和使用者體驗
✅ 加速開發團隊理解產品端與設計端的需求,降低溝通成本
✅ 有效掌握產品設計和開發的進度,更順利推進產品開發時程

👉🏻 免費報名直播分享會

歡迎在購買課程前透過分享會了解設計系統課程的內容與價值,別錯過難得能與 Harry 老師交流的機會,體驗他在設計系統領域的專業與課程設計的巧思。點擊前往報名!

  • 直播時間:2024/12/12 (四) 19:30-20:30
  • 偷偷和大家說,參加直播還可領取課程專屬折價券喔!

🔸 每個單元的影音內容的時間約落在 5-15 分鐘左右 x 總共 40 單元以內
🔸 每個作業與專案的出題皆包含影片詳細說明以及相關範例引導
🔸 每個小作業都有真人助教批改和針對個人程度給予建議
🔸 建議學習頻率:1.5 - 2 個月內學習完畢,每週投入約 2-3 小時的時間 ( 包含額外筆記整理、重點回顧和實作練習的時間,確切所需的時數會因學習者的背景和內容熟悉度而異 )

本課程不需要特定的課前知識或經驗

但若有以下相關學習或工作經驗將有助於你的學習效率

✅ 已初步了解 UI 設計工具使用
✅ 熟悉 Figma 基礎操作技能
✅ 大致了解 HTML/CSS 等基礎前端概念
✅ 曾有和產品團隊合作經驗
✅ 曾經歷與工程師痛苦的開發合作過程

Discord 學習社群兩大課程專屬服務

在學習過程中,若遇到無法即時發問的課堂疑惑、實作時的突發問題、希望深入探討的主題或是想尋求更多學習資源時,不必擔心。AAPD 已為你準備好專業的回饋與交流服務,解決你線上課程中的學習困擾。

  • 課程和作業問答頻道:上課過程中,遇到任何「課程內容問題」、「作業問題」,可以及時向助教非同步詢問
  • Harry 老師每月補給區:每個月 10 日,非同步與 Harry 老師交流(提問方向從課程內容到實務應用都可以)和吸收最新資訊(老師將分享課堂延伸學習資源、業界最新趨勢或分享實用工具)

👋🏻 期待能在課程中與你相見,一起踏上設計系統的學習之旅!

課程要點

設計系統核心概念:建立設計系統的核心概念,理解設計原則

工程溝通協作:使用工程師語言做文件,往事半功倍的協作出發

實作開發練習:實作設計系統開發設定,並實際了解業界實務流程

業界實務案例分析:看不同團隊類型,如何讓設計系統落地實施

課程內容
共 46 個單元總時數約 0.6 小時

關於講師

Harry Chuang
Harry Chuang
AAPD 課程講師

2017 年開始前往新加坡海外工作,協助產品團隊研究以及開發設計系統及元件庫平台,為公司大幅減少產品團隊之間的溝通問題與開發人力成本。並於 2019 年設計開發 awwrated 影劇避雷平台,幫助使用者更快找到好評影劇,目前是台灣最大的串流影音資訊平台。

瞭解更多

常見問題

🔸 報名與帳號相關問題
🔸 課程付款相關
🔸 退費相關問題
🔸 上課相關問題
🔸 折扣碼使用方式
🔸 課服相關資訊

本課程包含以下內容:

課程長度約 0.6 小時
46 個課程單元
給設計師的設計系統必修課 - 預購方案
預購方案
NT$6,400
預購價
NT$4,160
2024/12/22 15:30 截止