システム開発

Web System

hero

デザインシステム

 

デザインシステムとは

デザインシステムとは、ブランドやプロダクトに一貫性と効率性をもたらすための、一連のガイドライン、コンポーネント、ツールの集合です。これは、デザイナー、開発者、そして他のチームメンバーが協力してスムーズにデザインと開発を進めるためのフレームワークとして機能します。

 

 

デザインシステムの構成要素

デザインシステムは主に以下の要素を含みます。

 

 

デザインシステムの例

GoogleのMaterial Design

https://m3.material.io/

Googleが提供するデザインシステムで、UIコンポーネント、アニメーション、タイポグラフィーなどが詳細に定義されています。

 

AtlassianのDesign System

https://atlassian.design/

Atlassianのプロダクト群で使用されているデザインシステム。各コンポーネントやパターンが詳細に設計され、開発者がそのまま利用できるドキュメントが整っています。

 

デジタル庁のデザインシステム

https://www.digital.go.jp/policies/servicedesign/designsystem

 

 

デザインシステムとは、それぞれの企業のブランドやデザインの哲学に基づいて構築されている。

 

 

デザインシステムを学ぶのにオススメ

つくって、みなおす、デザインシステム——現場での合意形成から設計、運用まで

https://amzn.to/3Y0OSWN

 

refactoring.guru

🔗https://refactoring.guru/

リファクタリングとデザインパターンについて学べるサイト。