Resource Data

电子邮件设计系统的好处
我们的电子邮件设计系统是连接所有部分的粘合剂。它的规格确保图像的尺寸适合我们的自动发送引擎。它有助于集中我们的文档，以便客户可以在一个地方看到最新的指南。它为我们提供了一个专用的环境来管理我们复杂的模块库。

考虑一下贵组织采用电子邮件设计系统可能带来的好处。以下是我们获得的优势：

效率。设计师遵循我们的指导方针，将图像提交给我们的团队进行审核。简单。无需代码即可创建电子邮件。
可扩展性。我们可以在一个集中位置设计任意数量的模块。当我们更新库时，我们只需在一个地方进行。
一致性。我们的电子邮件符合品牌定位，因为它们是使用预定义模块制作的。出错的可能性也更小，质量控制也更好。
沟通。由于我们的设计系统融入了最佳实践，我们的客户可以收到更好的电子邮件。
现在是时候开始了。按照这六个步骤，你就能走上成功之路。


开始任何项目的最佳方式是与有类似经验的人交谈。在我们的案例中，这个人是 Zillow 的设计系统工程经理Crystal Ledesma。

我最近参加了一次演讲，她在演讲中讲述了她构建 Zillow 第一个电子邮件设计系统 科威特 whatsapp 数据 的经历。之后，她让我去了解一下 Brad Frost 的开创性原子设计方法，以构建设计系统。她还强调了教育在让团队采用设计系统方面所起的作用（稍后会详细介绍）。

第 2 步：盘点你的计划
在开始构建设计系统之前，全面了解整个电子邮件框架库非常重要。

我们首先对库进行了审核，确定了重复的 UI 元素。我们的目标是将库缩减为尽可能最小的元素——Frost 称之为“原子”。之后，我们将这些元素分组为更复杂的“分子”和“有机体”。

步骤 3：建立设计系统的网格
设计系统的基石是视觉一致性，因此首先要定义模块库所基于的网格。

我们选择在八点网格上构建我们的设计系统。原因如下：

大多数设备屏幕分辨率都能被 8（或 4）像素整除。因此，如果图像尺寸能被 8 整除，则图像看起来会很清晰。不会出现部分像素！
八点网格消除了元素定位的不确定性。它在整个模块库中建立了视觉一致性。
它改善了设计师和开发人员之间的沟通。