我去年读过的十本关于设计系统的书籍

这篇博客对 UI/UX 设计师、产品经理、产品设计师、前端开发人员都很有帮助，如果你有同事或朋友从事这些职位，不妨分享给他们。也可以作为一份很棒的新年礼物。只想说🥹！

创建设计系统 - 《为什么》一书

创造任何有价值的东西都需要一个伟大的目标。目标存在于问题空间中。如果你的目标是解决利益相关者的问题，你必须比他们更了解他们的问题。因此，你需要新的视角。阅读本书将为你提供发现用户问题的视角和模式，然后你可以在脑海中创建一个解决问题的框架。

1. 持续探索的习惯 - 作者：Teresa Torres

推荐给产品设计师、产品经理、用户体验设计师，尤其是前端开发人员或用户界面设计师。

书中的一些注释：

• 以终为始

• 机会解决方案树

• 构建、细化并确定机会空间的优先顺序

• 优先考虑机会，而不是解决方案

• 双向门决策

• 数量决定质量

• 测试假设，而不是想法

• 衡量影响力

2. 奠定基础 - 作者：Andrew Couldwell

设计系统101

这本书是关于创建设计系统的真知灼见。没有专业术语，没有掩盖残酷的现实，也没有公司标签。只有好的建议、经验和实用技巧。

笔记：

• 如何在您的公司销售设计系统？

• 设计系统的使命、价值观和原则

• 从书中学到更多

我强烈推荐这本书给 UI 设计师、产品设计师，这本书也更注重实用技巧，并设定切合实际的期望

3. 系统思考：入门 - Donella Meadows

唐纳拉·梅多斯 (Donella Meadows)所著的《系统思考：入门》是一本理解和使用复杂系统的深刻指南。

以下是本书关键概念的简要概述：

• 什么是系统？

• 存量和流量

• 反馈循环、延迟、杠杆点

• 系统陷阱与机遇

• 心智模型

推荐给产品经理、团队负责人或开发人员以及任何喜欢系统的人。

4. 阐明设计决策：

伟大的设计师也是伟大的故事讲述者

• 易于阅读，

• 本书主要讨论沟通、会议、达成共识、了解客户需求或如何处理这些需求。

• 有些建议可能非常笼统，但却提供了很好的背景。

推荐给设计师、产品设计师、自由职业者。

设计系统设计 - 《What Books》

为谁设计、为何设计？您是否了解该领域？您是否了解设计基础？

1. 设计系统 - Alia Kholmatova

笔记：

• 我发现这本书非常具有视觉吸引力，结构清晰，并且充满了例子

• 本书为您提供有关如何开始创建设计系统的一切、模式、原则和结构

• 这本书很短，每章后都附有大量参考资料。

也推荐给设计师、开发者和产品经理。我挺喜欢这本书的，虽然我有点偏心。

2. 设计学院 - 类型

本书是一本实用且具有视觉吸引力的指南，深入探讨了排版的基础知识及其在设计中的应用。

以下是本书主要内容的简要总结：

• 排版基础

• 类型层次结构

• 好吧，我喜欢这本书的美学

• 布局和网格中的排版

• 排版原则

• 读这本书就很好

推荐给设计师、产品设计师。

3. 设计学院 - 布局

是的，我先读了这本书，然后才读第一版。我喜欢这本书的美学

笔记：

• 布局基础知识

• 网格，网格系统，

• 布局组合

• 术语

• 这本书每章末尾还设有知识测试环节。太棒了！

作为一名开发者，我以前对布局和网格的理解很差。这本书帮助我解决了这个问题，现在我爱上了网格。很棒的 CSS网格教程

建筑设计系统 - How Books

创建一个有凝聚力且有效的设计系统绝非易事——它需要对设计原则、组织和协作有深入的理解。

1. 设计系统的前端架构

推荐给开发人员、设计工程师、团队负责人、产品经理

笔记：

• 这本书现在已经很旧了，出版于顺风时代之前（2016 年）

• 提到的 Css 方法很好

• 一本有益的书，充满了现实生活中的例子

• 最好的学习是将设计分解为 Red hat.com 的设计系统

• 正如我们所说，基础知识保持不变，这本书将对它们进行很好的复习。代码示例相当过时。

2. 面向开发者的设计系统 - Michael Mangialardi

推荐给开发人员、设计工程师，它就像一个关于创建设计系统的实践教程。

笔记：

• 学习如何编写可扩展的设计系统

• 面向开发人员的设计系统最佳实践指南。

• 深入探讨命名、创建和开发设计代币

• 学习风格词典

• Tailwind 示例

3.《建筑设计系统》——Sarrah Vesselov 和 Taurie Davis

推荐给设计师、开发者、产品经理和产品设计师。很喜欢Sarrah和Taurie的视角。

笔记：

• 创建排版系统

• 易于访问的色彩系统

• Gitlab 的案例研究很棒

• 为您提供有关开源设计系统的入门知识

• 喜欢共享设计语言的概念

4. 实用的 Web 包容性和可访问性 - Ashley Firth

推荐给设计师、开发人员、QA、PM、产品设计师。

笔记：

• 章节基于残疾以及如何

• 学习 Aria

• 键盘辅助功能

• 屏幕阅读器软件介绍，浏览器内置软件

• 每章后都附有大量参考资料，方便您深入学习同一章节

• 音频和视频标签中的样式提示，我不知道

有关如何在 CSS 中为 RTL 设置样式的详尽指南

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

5. 包容性设计模式 - Heydon Pickering

推荐给开发人员、QA、PM、产品设计师。

笔记：

• 填充了可访问性的代码示例

• Schematic HTML 解释得很好

• 使用可读性检查器

• 有些技巧非常实用

• 解释不良做法及其解决方法

• 每个章节都有需要避免的事情

• 可访问性测试

阅读全文或滚动浏览的好处。如果您需要本书的任何 PDF 文件，请发送电子邮件至pratik@coolhead.in。我会与您分享。

给我买杯咖啡：https://buymeacoffee.com/biomathcode

想要进一步讨论设计系统吗？https://cal.com/biomathcode