我去年讀過的關於設計系統的熱門書籍

如果您有擔任這些角色的同行或朋友與他們分享該博客，那麼此博客將對 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

推薦給設計師、開發人員、產品經理、產品設計師。喜歡 Sarrah 和 Taurie 的視角。

註：

• 建立印刷系統

• 易於理解的色彩系統

• Gitlab 的案例研究很棒

• 提供您有關開源設計系統的入門知識

• 喜歡共享設計語言的概念

4.實用的網路包容性和可近性 - Ashley Firth

推薦給設計師、開發人員、QA、PM、產品設計師。

註：

• 章節基於殘疾以及如何

• 學詠嘆調

• 鍵盤輔助功能

• 螢幕閱讀器軟體、瀏覽器內建軟體簡介

• 每章後都附有大量參考資料，方便您深入學習

• 音訊和視訊標籤中的樣式提示，不知道

有關如何在 CSS 中設定 RTL 樣式的詳細指南

https://rtlstyling.com/posts/rtl-styling

5.包容性設計模式 - 作者：Heydon Pickering

推薦給開發人員、QA、PM、產品設計師。

註：

• 填入了可訪問性的程式碼範例

• 原理圖 HTML 解釋得很好

• 使用可讀性檢查器

• 有些技巧很實用

• 解釋不良做法以及解決方法

• 每一章都有要避免的事

• 可訪問性測試

閱讀整篇文章或滾動的好處。如果您需要本書的任何 pdf 文件，請發送電子郵件至 pratik@coolhead.in 。我會和你分享。

請我喝杯咖啡：https://buymeacoffee.com/biomathcode

想討論更多設計系統的內容嗎？ https://cal.com/biomathcode

以上是我去年讀過的關於設計系統的熱門書籍的詳細內容。更多資訊請關注PHP中文網其他相關文章！