Salesforce Lightning Design System
Salesforce Lightning / 2015– / 양식 / 플랫폼 화면 언어
Salesforce가 레코드 중심 업무를 위해 만든 인터페이스 언어로, 객체·동작·상태를 반복 가능한 작업 공간 패턴으로 정리한다.
한눈에 판단
시각적 특징
- 간결한 메타데이터가 있는 객체 헤더
- 탭, 카드, 활동 타임라인
- 클라우드 블루와 의미 기반 상태색
- 조밀한 폼과 레코드 표
적합한 용도
- 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
관련 항목
- Atlassian Design System (Atlassian Design System)같은 계열: 플랫폼 화면 언어.Salesforce Lightning Design System와 Atlassian Design System 비교
- Ant Design (Ant Design)같은 계열: 플랫폼 화면 언어.Salesforce Lightning Design System와 Ant Design 비교
플랫폼 화면 언어 더 보기
플랫폼 화면 언어에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Shopify Polaris (Shopify Polaris)공통 인상: Trust / Intimacy / Technique.
- Ubuntu Yaru (Ubuntu Yaru)공통 인상: Technique / Intimacy / Trust.
- Motif (モチーフ)공통 인상: Technique / Trust.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/salesforce-lightning
- Markdown
- [Salesforce Lightning Design System — IndexStyle](https://indexstyle.org/ko/styles/salesforce-lightning)
- HTML
- <a href="https://indexstyle.org/ko/styles/salesforce-lightning">Salesforce Lightning Design System — IndexStyle</a>