About UX: An Overview of Lightening Design System
Source: https://axureboutique.com/blogs/ui-ux-design/about-ux-an-overview-of-lightening-design-system
Let’s explore the Salesforce Lightning Design System (SLDS), a comprehensive set of guidelines for creating cohesive and effective user experiences within the Salesforce ecosystem. Here are the key components:
Principles: SLDS is built on four key principles — Clarity, Efficiency, Consistency, and Beauty. These principles guide the design and development process to ensure a high-quality user experience.
Design Tokens: These are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. They are used in place of hard-coded values to maintain a scalable and consistent visual system.
Components: SLDS provides a wide range of pre-built components that adhere to Salesforce’s design standards. These include everything from input fields and buttons to modals and date pickers. Each component comes with specific guidelines on its usage and behavior.
Utilities: These are helper classes that allow for quick, in-line changes to layout and typography, among other things. They help in creating or overriding patterns quickly and efficiently without writing custom CSS.
Guidelines: SLDS provides detailed guidelines on various aspects of design, including accessibility, motion, and voice and tone. These guidelines help ensure that all designs are inclusive, intuitive, and effective.
Icons: A comprehensive set of custom icons is provided, designed to be simple, clean, and clear. They can be used to represent objects, actions, and concepts in a consistent manner.
Resources: SLDS offers a variety of resources, including design kits, icon packs, and code samples. These resources help designers and developers create high-quality applications that align with Salesforce’s design standards.
The Salesforce Lightning Design System is a robust set of best practices and principles designed to create a consistent and intuitive user experience across all Salesforce applications. It’s a valuable resource for anyone involved in the design and development of applications within the Salesforce ecosystem.
With Axure RP, after purchasing a component library at https://axureboutique.com, you can use the ready-made Lightning Design System component library and templates to design your product faster and better.
Principles: SLDS is built on four key principles — Clarity, Efficiency, Consistency, and Beauty. These principles guide the design and development process to ensure a high-quality user experience.
Design Tokens: These are the visual design atoms of the design system — specifically, they are named entities that store visual design attributes. They are used in place of hard-coded values to maintain a scalable and consistent visual system.
Components: SLDS provides a wide range of pre-built components that adhere to Salesforce’s design standards. These include everything from input fields and buttons to modals and date pickers. Each component comes with specific guidelines on its usage and behavior.
Utilities: These are helper classes that allow for quick, in-line changes to layout and typography, among other things. They help in creating or overriding patterns quickly and efficiently without writing custom CSS.
Guidelines: SLDS provides detailed guidelines on various aspects of design, including accessibility, motion, and voice and tone. These guidelines help ensure that all designs are inclusive, intuitive, and effective.
Icons: A comprehensive set of custom icons is provided, designed to be simple, clean, and clear. They can be used to represent objects, actions, and concepts in a consistent manner.
Resources: SLDS offers a variety of resources, including design kits, icon packs, and code samples. These resources help designers and developers create high-quality applications that align with Salesforce’s design standards.
The Salesforce Lightning Design System is a robust set of best practices and principles designed to create a consistent and intuitive user experience across all Salesforce applications. It’s a valuable resource for anyone involved in the design and development of applications within the Salesforce ecosystem.
With Axure RP, after purchasing a component library at https://axureboutique.com, you can use the ready-made Lightning Design System component library and templates to design your product faster and better.
