Open4
【UI/UXデザイン】UI/UXの構築とWebデザインシステムについて📝
まさぴょん🐱Webデザインシステムとは？
- デザインシステムとは、デザイン制作に関するあらゆる内容をルール化したものを指します。
- ルール化する内容としては、デザインの原則や基準、コンポーネント、スタイルなどが挙げられます。
- デザインに関する構成要素の仕様を細かく定めることによってデザインの一貫性を高めたり、チーム内での共通認識が確立されるなどの効果があります。
- デザインの仕様が決まっているため、作業を効率化することができるようになります。
デザインシステムを取り入れることで得られるメリット
- 一定水準かつ、一貫性のあるUIデザインができる。
- 開発やデザインが効率化され、コスト削減できる。
- コミュニケーションがスムーズになり、チームや会社全体での連携が高まる。
デザインシステムの事例
-
中でも、Googleマテリアルデザインシステムにはよくお世話になっています。
https://www.uxpin.com/studio/jp/blog-jp/best-design-system-examples-ja/ -
デジタル庁が、デザインシステムを公開したことは、話題になりました。
https://www.digital.go.jp/policies/servicedesign/designsystem/
【 参考・引用 】
まさぴょん🐱デジタル庁のデザインシステム📝
まさぴょん🐱SmartHR デザインシステム📝
まさぴょん🐱Apple：UI/UXガイド