Visualforce 開発者ガイド
jSalesforce Lightning Design System の概要
Salesforce Lightning Design System (SLDS) は、CSS を 1 行も記述せずに Lightning Experience のデザインを持つアプリケーションを構築するのに役立ちます。SLDS は CSS フレームワークです。これを使用して、ユーザは Salesforce の開発者が Lightning Experience を作成するために使用したアイコン、カラーパレット、およびフォントを利用できます。
Lightning Experience UI の基本原則
SLDS で表わされる Lightning Experience UI は 4 つの基本設計原則を使用して作成されました。アプリケーションを開発するときは、これらに留意することをお勧めします。
- 明確性 — あいまいさを取り除きます。ユーザが自信を持って確認、理解、行動することができます。
- 効率性 — ワークフローを���理化し、最適化します。ニーズをインテリジェントに予測し、人が作業をより効率的に、スマートに、短時間で行うのに役立ちます。
- 一貫性 — 同じ問題に同じ解決策を適用することで、親しみやすさを生み、直感性を高めます。
- 美しさ — 心のこもった洗練されたクラフトマンシップを通じて人の時間と心遣いに敬意を表します。
SDLS の利点
SLDS は、Lightning Experience の原則、設計言語、およびベストプラクティスに一致するアプリケーションを作成するためのツールを提供します。SLDS の便利な利点を次に示します。
- 既存の機能を拡張したり、外部システムと統合したりした場合、統一された環境と合理化されたワークフローが提供されます。
- パディングや余白など、デフォルトが過度に適用されません。
- 継続的に更新されます。最新バージョンの SLDS を使用している限り、ページと Lightning Experience の一貫性が確保されます。
- CSS フレームワークのアクセシビリティが含まれます。
- Bootstrap のような CSS フレームワークと連携します。