Skip to main content
Build the future with Agentforce at TDX in San Francisco or on Salesforce+ on March 5–6. Register now.

了解我们如何以及为什么开发了 SLDS

学习目标

完成本单元后,您将能够:

  • 描述影响 Salesforce Lightning Design System 开发的状况。
  • 说明 SLDS 设计系统团队的目标。

从前

您或许想不到 Salesforce 并非一直都有一个综合性的设计系统。我们邀请您加入这段寻根之旅,体验如今这个 Salesforce Lightning Design System (SLDS) 的起源故事。

SLDS 经历了一些波折才发展成为今天这个设计系统。它随着 Salesforce 的发展、技术的变革以及不断增长的用户需求而不断发展。SLDS 必须不断扩展,才能跟上快速增长和变化。了解 SLDS 如何发展至今,有助于您理解当今的 SLDS 以及未来它可能去向何方。

我们的故事从 2013 年开始,推出 Lightning Experience 前两年。Salesforce 发展势头迅猛,刚刚收购了 ExactTarget,并且即将发布 Salesforce Platform 的第一个完全移动化版本,Salesforce1。在快速发展过程中,公司的设计师和开发人员意识到需要确保整个 Salesforce 应用程序系列的一致体验,并且为建设一个随着公司和平台的发展而进化的设计系统打下基础。

Lightning Bolt 提供金币形式的令牌

就这样,随着 Salesforce1 的发布,这个勇敢又有远见的团队开始为设计团队编写图库和第一部风格指南。Salesforce1 工程团队选择用设计令牌这个词来描述风格指南价值观,适用于各种原生操作系统和网络应用程序。

Landmark Design System

您知道老电影有时候如何用快速翻动的日历页画面来表达时间的流逝吗?靠后坐,观察页面翻动,然后——哇,到了 2015 年初!Salesforce 设计师和开发人员将图库和令牌与扩展后的级联样式表 (CSS) 框架相结合,打造 Landmark Design System。 

为了确保 Landmark Design System 兼容任何平台,团队使用 HTML 蓝图而不是在设计系统中更常见的全功能组件来打造它。该系统还包含一个扩展后的 CSS 框架以及遵循设计最佳实践的广泛 UI 交互模式。由此诞生了这样一个设计系统,它的元素结合一起打造一致的高品质用户体验。

屏幕上显示 Landmark Design System 徽标的笔记本电脑

Lightning 迸发出一道光

非常惊艳,但是 Landmark Design System 团队并不满足现状。发布这个新设计系统的时候,团队用一种综合性的可视化语言 Lightning Experience 重新设计了 Salesforce Classic (Aloha) 的用户界面,改变了每个 Salesforce 核心产品的外观和感觉。越来越多产品团队选择用 Lightning Experience 来开发他们的产品。Lightning Experience 的 Landmark Design System 团队的目标是:

  • 帮助销售用户更快销售。
  • 提高服务用户的工作效率。
  • 向所有用户提供现代化的用户界面。

不是什么大话,对吧?

新名称

2015 年,设计指引与 CSS 框架相结合,目的是使这个设计系统对于设计师和开发人员来说更好用。随着产品推出,Lightning Experience 从移动设备扩展到了桌面。第一个 Salesforce 设计系统团队还更新了 Landmark CSS 框架,并且在 Salesforce 推广使用。

随着 Landmark 的采用率增加,Salesforce CEO 兼创始人 Marc Benioff 看好它的潜力,把它改名为 Salesforce Lightning Design System (SLDS)。2016 年初,SLDS CSS 框架被加到了 Salesforce 核心代码中。

最早采用 SLDS 的产品包括 Sales Cloud(2015 年冬开始使用令牌和风格指南文档)、Salesforce Mobile 和 Service Cloud(2016 年夏)。随着采用率增加,SLDS 的工程师与 UX 设计师合作,将核心模式和文档标准化。为了响应客户的请求,Salesforce 在 lightningdesignsystem.com 发布全球第一个开源企业设计系统,允许任何人使用 SLDS。

星座构成 Lightning Bolt 的轮廓

SLDS 的今天和明天

到 2018 年为止,Salesforce Platform 已经完全拥抱 SLDS,它会定期发布更新,影响整个 Salesforce Platform。随着它的发展,设计系统在为 Salesforce 不断扩展的产品套件提供一流的支持和管理这一使命上面临着挑战。尽管三年内增长了 5 倍,但为客户保持一致的用户体验意味着要仔细考虑多次收购、新产品、技术变革以及每个主要版本的优先级变化。SLDS 团队的目标不仅是在每个版本中更新模式,还要将其产品组合中的新设计元素整合到 SLDS 中,使客户不断享受到连贯一致的体验。

不过总的来说,SLDS 收到了正面的反响,越来越多客户和合作伙伴采用这个系统,并且在他们自己的组织中复制它的理念和治理模式的元素。这个设计系统团队经常征求反馈意见、更新系统,以满足消费者和投稿人的需求。随着企业指数式增长等新挑战的出现,SLDS 将在坚持其统一的体验愿景的同时,以深思熟虑的方式不断发展,以应对这些挑战。

资源

在 Salesforce 帮助中分享 Trailhead 反馈

我们很想听听您使用 Trailhead 的经验——您现在可以随时从 Salesforce 帮助网站访问新的反馈表单。

了解更多 继续分享反馈