如果您有擔任這些角色的同行或朋友與他們分享該博客，那麼此博客將對 UI/UX 設計師、產品經理、產品設計師、前端開發人員有所幫助。也可以當作一份不錯的新年禮物。就說🥹！
建立設計系統 - 為什麼書
創造任何有價值的東西都需要有一個偉大的目標。目的存在於問題空間中。如果您的目的是解決利害關係人的問題，您必須比他們更了解他們的問題。因此你需要新的透視鏡頭。閱讀這本書將為您提供發現用戶問題的視角和模式，然後您可以在腦海中建立框架來解決問題。
1. 不斷發現習慣 - 作者：Teresa Torres
推薦給產品設計師、產品經理、UX 設計師，尤其是前端開發人員或 UI 設計師。
書中的一些註釋：
-
以終為始
-
機會解決方案樹
-
框架、細化和優先考慮機會空間
-
優先考慮機會，而不是解決方案
-
雙向門決策
-
數量導致質量
-
測試假設，而不是想法
-
衡量影響
2. 奠定基礎 - Andrew Couldwell
設計系統101
這本書是關於建立設計系統的真實討論。沒有行話，沒有掩蓋殘酷的現實，也沒有公司帽。只是好的建議、經驗和實用技巧。
筆記：
-
如何在貴公司銷售設計系統？
-
設計系統的使命、價值和原則
-
從書中學到很多東西
我強烈推薦這本書給 UI 設計師、產品設計師，這本書也更注重實用技巧，並設定現實的期望
3. 系統思考：入門 - 作者：Donella Meadows
Donella Meadows的《系統思考：入門》是理解和使用複雜系統的富有洞察力的指南。
以下是本書關鍵概念的簡要總結：
-
什麼是系統？
-
存量和流量
-
回饋循環、延遲、槓桿點
-
系統陷阱與機遇
-
心理模型
推薦給產品經理、團隊領導或開發人員以及任何喜歡系統的人。
4. 闡明設計決策：
偉大的設計師也是偉大的故事講述者
-
易於閱讀，
-
這本書非常注重溝通、會議、達成共識、了解客戶需求或如何處理它們。
-
有些建議可能非常籠統，但提供了很好的背景。
推薦給設計師、產品設計師、自由工作者。
設計設計系統 - The What Books
為什麼和為誰設計，您了解該領域嗎？
1. 設計系統 - 作者：Alia Kholmatova
筆記：
-
我發現這本書非常具有視覺吸引力，結構非常合理，並且充滿了示例
-
本書為您提供了有關如何開始建立設計系統的所有內容、模式、原則、結構
-
這本書很短，每章後面都有一些參考資料。
也推薦給設計師、開發人員和產品經理。我很喜歡這本書，我有點偏見。
2. 設計學院-類型
這本書是一本實用且具有視覺吸引力的指南，深入探討了版式的基礎知識及其在設計中的應用。
以下是本書重點的簡要總結：
-
版式基礎知識
-
類型層次結構
-
好吧，我喜歡這本書的美學
-
佈局和網格中的版式
-
版式原則
-
剛看完書，太棒了
推薦給設計師、產品設計師。
3. 設計學院-佈局
是的，我先讀了這篇，然後讀了類型一。我喜歡這本書的美學
筆記：
-
佈局基礎知識
-
網格，網格系統，
-
佈局構成
-
術語
-
本書在每章末尾還有一個測試您的知識的部分。好的！
作為一名開發人員，我對佈局和網格的理解真的很差。這本書幫助了我，現在我喜歡網格。很好的 CSS網格教學
建築設計系統 - The How Books
創造一個有凝聚力且有效的設計系統絕非易事，它需要對設計原則、組織和協作有深入的了解。
1.設計系統的前端架構
推薦給開發人員、設計工程師、團隊領導、產品經理
筆記：
-
這本書現在已經很老了，出版於順風時代之前（2016）
-
提到的CSS方法都很好
-
一本有益健康的書，充滿了現實生活中的例子
-
最好的學習是在 Red hat.com 將設計分解為設計系統的方法
-
正如我們所說的基礎知識保持不變，這本書將很好地複習它們。程式碼範例已經相當過時了。
2. 開發人員設計系統 - 作者：Michael Mangialardi
推薦給開發人員、設計工程師，它就像是建立設計系統的實踐教程。
筆記：
-
了解如何編寫可擴展的設計系統的程式碼
-
開發人員的設計系統最佳實務指南。
-
深入命名、建立、開發設計令牌
-
學習風格詞典
-
順風範例
3. 建築設計系統 - 作者：Sarrah Vesselov 和 Taurie Davis
推薦給設計師、開發人員、產品經理、產品設計師。喜歡薩拉和陶裡的觀點。
筆記：
-
建立印刷系統
-
易於理解的色彩系統
-
Gitlab 的案例研究很棒
-
為您提供開源設計系統的入門知識
-
喜歡共享設計語言的概念
4. 實用的網路包容性和可近性 - Ashley Firth
推薦給設計師、開發人員、QA、PM、產品設計師。
筆記：
-
章節基於殘疾以及如何
-
學習詠嘆調
-
鍵盤輔助使用
-
螢幕閱讀器軟體、瀏覽器內建軟體簡介
-
每章後面都有一些參考資料，以便您可以深入學習相同的內容
-
音訊和視訊標籤中的樣式提示，不知道
關於如何在 CSS 中設計 RTL 樣式的詳細指南
5. 包容性設計模式 - 作者：Heydon Pickering
推薦給開發人員、QA、PM、產品設計師。
筆記：
-
充滿了可存取性的程式碼範例
-
原理圖 HTML 解釋得很好
-
使用可讀性檢查器
-
有些技巧非常實用
-
解釋不良做法以及解決方法
-
每章都有要避免的事情
-
測試可存取性
閱讀整篇文章或滾動的好處。如果您需要本書的任何 pdf 文件，請發送電子郵件至 [email protected] 。我將與您分享。
買杯咖啡給我：https://buymeacoffee.com/biomathcode
想多討論設計系統嗎？ https://cal.com/biomathcode
原文出處：https://dev.to/biomathcode/top-10-books-on-design-system-that-i-read-last-year-3n7i
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式