We're sunsetting PodQuest on 2025-07-28. Thank you for your support!
Export Podcast Subscriptions
設計系統是什麼？設計師與產品團隊需要掌握的模組化思考策略 ft.Harry
2024/12/15
No Shortcuts - 沒有快捷鍵
A
AAPT学院
H
Harry
Harry: 本集深入探讨了设计系统在产品设计中的重要性，从设计原则到组件库的构建，以及与工程师的协作，分享了多年实践经验和技巧。他强调设计系统并非一开始就必须完整导入，而是根据产品成熟度逐步实施，并介绍了Design Token的三层概念，以及如何通过Storybook等工具提高效率。他还分享了在团队中导入设计系统的挑战和策略，以及如何与主管和上层沟通。最后，Harry展望了AI技术对设计系统的影响，认为AI可以加速原型设计和功能验证，提高效率。
AAPT学院: 本课程旨在帮助设计师掌握工程思维，建立模组化、可扩展的设计方法，并促进跨职能团队沟通，从而具备从0到1打造设计系统的能力。课程内容涵盖设计系统概念、Design Token、组件库构建、团队协作、AI辅助设计等方面，并通过实际案例和作业帮助学员掌握设计系统的核心能力，提升产品开发效率。
AAPT学院: 设计系统是现代产品设计中不可或缺的重要一环，掌握其关键思维和技术可以有效提高产品品质和使用体验，并提升团队协作效率。
Deep Dive
為什麼產品需要使用設計系統？
設計系統能解決傳統產品開發中，工程師不理解視覺細節導致界面歪掉的問題。它像積木一樣從小組件開始建立，透過這些小組件組成大功能，減少維護和修改的時間，並提升產品的一致性。
設計系統的建立時機是什麼時候？
當產品開始成熟並有使用者時，是導入設計系統的最佳時機。這樣可以確保未來交接和教育訓練更順暢，並減少產品擴充時的複雜度。
什麼是 Design Token？
Design Token 是設計系統中的變數，用來存放顏色、圓角、陰影等設計元素。它分為三層：Reference Token（最底層的顏色命名）、System Token（語意化的命名）、Component Token（直接對應到原件的命名）。
設計系統中設計師和工程師的角色分別是什麼？
設計師負責設計系統的設計和開發，工程師則負責實作。設計師需要設計原件和元素，並將其放入設計系統原件庫中，工程師則直接使用這些原件進行開發。
如何成功導入設計系統到團隊中？
導入設計系統需要與主管和上層溝通，展示現有工作流程的痛點，並提供範例和 Demo 來說明設計系統如何改善效率和溝通。這是一個先苦後甘的過程，初期需要花費較多時間，但後期會大幅提升效率。
AI 如何影響設計系統？
AI 可以透過設計系統原件庫快速組裝產品界面和功能，加速產品設計和開發。未來，AI 甚至可以幫助理解每個原件的功能，並將其拼裝成實際的產品，大幅提升效率和創新能力。
本集探讨设计系统在现代产品设计中的重要性，从核心概念出发，解释其必要性，并介绍 Design Token 的概念及团队导入策略。
- 设计系统是现代产品设计中不可或缺的一环，能有效提高产品品质、使用体验及团队协作效率。
- 设计系统帮助设计师掌握工程思维，建立模组化、可扩展的设计方法，并促进跨职能团队沟通。
- Harry 从自身经验分享如何建立良好沟通的设计系统，让其永续延伸并充分发挥价值。
- 设计系统包含设计原则、设计元素及设计组件，通过这些组件的组合，构建产品界面。
- 成熟的产品如 Google Material Design 和 Apple Human Interface Guideline，都体现了设计系统的成功应用。
- 设计系统并非一开始就必须完整导入，而是在产品成熟后，逐步导入，以提高效率和维护成本。
Shownotes Transcript