Atomic Design の課題
デザインシステムを作っていく際、Atomic Design
[http://bradfrost.com/blog/post/atomic-web-design/] は非常に参考になる考え方です。Atomic Design
は以下の 5 つの要素によって構成されていて、Pages へ近づくほど、より複雑で大きなものになります。
1. Atom : UI を構成する最小かつ基礎要素。ラベルやボタンなどが含まれる。
2. Molecules : 2 つ以上の Atom によって構成された小さなグループ。ラベル、インプット、ボタンで構成された検索フィールドはその一例。
3. Organisms : 2 つ以上の Molecules もしくは Atoms によって構成されており、画面上で独自の枠組みになっていることが多い。
4. Templates : コンテンツ構造が分かる大きな枠組みで、利用文脈によって分類できるレイアウトになっている。
5. Pages