Github 设计系统简史；阅文设计如何构建组件库；通过机器学习自动生成鼓点节奏…

Github 设计系统简史

这是一篇比较“硬核”的文章，作者是 Github 设计系统的管理者 Diana Mounter。作为全球最受开发者欢迎的开源社区，Github 的设计团队是怎样构建自己的工作流程的呢？

这篇文章作者介绍了 Github 设计系统 Primer 的进化简史，因为产品是服务于开发者的，所以 Github 的设计师都会前端技术，他们都是直接写代码构建自己的设计系统，其中产出的组件模式直接供工程师使用。

作者回忆了 Primer 从最开始混乱的状态，到他们下决心去规范化整个设计系统，再到成立一个专业的设计系统团队，以及团队协作规模扩大后通过自动化去加速流程，逐步演进为一个现代化的高效迭代的设计系统。

当然，我们可能不具备他们设计团队这种技术基因，但整个演进过程中的思维却是我们可以学习的。

原文：

https://medium.com/@broccolini/design-systems-at-github-c8e5378d2542

设计系统地址：

https://styleguide.github.com/primer/

视觉工作流优化 ——如何构建组件库

使用工程思维构建设计组件库，并将组件库运用于完整的设计流程，可以大大提高我们的迭代和响应速度。这篇来自阅文体验设计的文章为我们极其详细地介绍了他们是如何构建一套设计组件库并运用于工作流程中的。

首先，我们得先理解产品结构，因为不同业务类型的产品是存在布局差异的。接着，就是进行组件分类，阅文将组件分为两大类四小类，即原生组件、扩展组件、自定义组件、封装组件。

分好类之后就要对组件进行颗粒化管理，即组件的解构、细分、再组合。这里还涉及到组件的响应式布局、命名规则等等。最后还介绍了他们是如何在实际中运用，形成完整闭环的。

原文：

通过机器学习自动生成鼓点节奏

最后我们看一个有趣的，这位叫做 ANNA 的朋友其实是个机器人，她通过机器学习和神经网络通过预编程的鼓点节奏来生成一段新的鼓点节奏，相当于是一位朋友在给你即兴演奏。我是听了一下，还是蛮好听的，而且你还可以导出 MIDI 文件进行播放和再编辑。

原文：

https://subtract.design/anna-machine-learning-drum-bot/