Design
デザインシステムとは
デザインの部品とルールをまとめた仕組み。
定義
色・文字・ボタンなどのデザインの部品と、そのルールをまとめて、誰が作っても同じ品質・雰囲気になるようにする仕組み。
なぜ必要か
部品とルールが整理されていると、複数人・複数のページを作るときも、毎回一から考えずに済み、統一感も保ちやすい。
現場での使い方
ボタンや見出しなど、繰り返し使うデザインの部品をあらかじめ用意しておき、新しいページを作るときはそこから組み合わせて使う。
よくある失敗
部品をきちんと整理せず、似たようなボタンやデザインがページごとに少しずつ違う形で増えていってしまう。
AIで活用する方法
既存のページからよく使われている部品を洗い出させ、整理する手助けにする。
実例
世の中の例
Googleは「マテリアルデザイン」という、ボタンや色などのルールをまとめた仕組みを公開しており、多くのアプリがそのルールに沿ってデザインされている。