Salesforce Lightning Design System

Salesforce Lightning / 2015– / 风格 / 平台界面语言

Salesforce为以记录为中心的业务工作建立的界面语言,把对象、操作和状态组织为可重复的工作区模式。

Salesforce Lightning Design System — Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0
Salesforce Lightning Design System — official previewer documentation image, unmodified — Copyright (c) 2015-present, Salesforce.com, Inc. / CC BY-ND 4.0 · CC BY-ND 4.0
Salesforce Lightning Design System — AI 生成的诠释图像 1
AI 生成的诠释图像(并非参考作品)
Salesforce Lightning Design System — AI 生成的诠释图像 2
AI 生成的诠释图像(并非参考作品)

快速判断

视觉特征

  • 带紧凑元数据的对象页头
  • 标签页、卡片和活动时间线
  • 云蓝色配合语义状态色
  • 密集表单与记录表格

适用场景

  • CRM and case-management interfaces
  • Giving many business objects a common operating model

使用这一风格

把简短指引带入项目,或将结构化规格交给AI工具。

详细方法与出处制作规则、真实案例、比较、研究与引用格式

辞典词条

字体
Keep labels plain and metadata compact, with action verbs leading controls.
版面
Place the record identity first, primary actions beside it, then tabs and related panels.
材料
Use white cards, pale neutral grounds and color only for action or status.
注意
A field of unrelated cards becomes a dashboard with no object model. Make the record and next action unmistakable.
延伸阅读
Lightning Design System foundations / Record home patterns / Design tokens and accessibility

相关词条

继续浏览平台界面语言

从平台界面语言中按共同感受优先推荐以下词条。

查看平台界面语言全部词条

引用此条目

这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。

Link
https://indexstyle.org/zh/styles/salesforce-lightning
Markdown
[Salesforce Lightning Design System — IndexStyle](https://indexstyle.org/zh/styles/salesforce-lightning)
HTML
<a href="https://indexstyle.org/zh/styles/salesforce-lightning">Salesforce Lightning Design System — IndexStyle</a>

返回索引中的位置