デザインシステム
デザインシステムとは
デザインシステムとは、ブランドやプロダクトに一貫性と効率性をもたらすための、一連のガイドライン、コンポーネント、ツールの集合です。これは、デザイナー、開発者、そして他のチームメンバーが協力してスムーズにデザインと開発を進めるためのフレームワークとして機能します。
デザインシステムの構成要素
デザインシステムは主に以下の要素を含みます。
- デザインコンセプト
- スタイルガイド
- コンポーネントライブラリ
- アセットとリソース
- ワークフロー
デザインシステムの例
GoogleのMaterial Design
Googleが提供するデザインシステムで、UIコンポーネント、アニメーション、タイポグラフィーなどが詳細に定義されています。
AtlassianのDesign System
Atlassianのプロダクト群で使用されているデザインシステム。各コンポーネントやパターンが詳細に設計され、開発者がそのまま利用できるドキュメントが整っています。
デジタル庁のデザインシステム
https://www.digital.go.jp/policies/servicedesign/designsystem
デザインシステムとは、それぞれの企業のブランドやデザインの哲学に基づいて構築されている。
デザインシステムを学ぶのにオススメ
つくって、みなおす、デザインシステム——現場での合意形成から設計、運用まで
refactoring.guru
リファクタリングとデザインパターンについて学べるサイト。