移动布局插图，上面有设计师和开发人员的头像

[sumonasumonakha.t]

Slack Kit 设计系统的多种颜色样本、字体大小、日历格式和图标的示例。
Slack Kit 是为 Slack 平台制作的。
该系统包括颜色、文本大小、按钮、图标等。每个设计系统都不同。但它们都有一个共同点，那就是组件。这是一个具有特定功能的独立代码块。这就是从按钮到上方图标的一切背后的原理。

组件的所有内容都是标准化和可重复使用的，包括：

它的作用
外观
命名方式
用户如何与之互动
返回顶部

这一切都在系统的指导手册中详细说明。对于 Salesforce 项目，设计师和开发人员会使用Salesforce Lightning 设计系统 (SLDS)。

Salesforce Lightning 设计系统中的蓝色按钮有四种不同的状态。
SLDS 中的标准按钮组件。
也许您熟悉上面的标准蓝色按钮。您可能在应用主页、结账页面甚至新闻通讯 英国 whatsapp 号码数据 订阅页面中看到过它。这是有原因的。有凝聚力的设计对每个人都有好处。

设计工具

当设计师和开发人员合作时，用户就会获胜
一个人正在思考并抬头看着代表 SLDS 的方块的插图。
探索Salesforce Lightning 设计系统
代表 SLDS 的四个图标：令牌、工具、指南和蓝图。
Trailhead：开始使用 SLD S
由积木制成的火箭的图示
Trailhead：Lightning 设计系统基础知识
有凝聚力的数字界面
让我们继续使用蓝色按钮。用户知道它将执行规定的操作。他们知道这一点的部分原因是他们以前见过相同的按钮执行此操作。有凝聚力的设计可以培养用户的习惯和期望。