デザインシステムとは？

画面づくりの基準と部品をチームで共有し改善していく仕組み。

前半のまとめ

<aside> 💡

主要な操作は色で 読む順番は文字のスタイルで 情報のまとまりは余白で

</aside>

後半のまとめ

<aside> 💡

色・文字・余白などのルールを サイト内で共有することで 使いやすいUI・UXを実現する。 ルールがあると、作る側も困らない。

</aside>

※今回の内容はWebサイトやアプリデザイン向けである。 なのでLPやポスターなどは対象外である。

資料

デザインシステムを学ぼう.pdf