Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Atomic Design てなぁに?

m-yoshiro
January 29, 2019

Atomic Design てなぁに?

2019.01.29に開催された、Think DESIGN#3 「体験AtomicDesign」で発表した資料です。

https://think-design.connpass.com/event/115171/

m-yoshiro

January 29, 2019
Tweet

More Decks by m-yoshiro

Other Decks in Design

Transcript

  1. Atomic Designとは UIの構造の5つの段階 Atoms Molecules Organisms Templates Pages 原⼦ 分⼦

    有機体 化学⽤語 ! ! ステークホルーダーにも 分かりやすい名前
  2. Atomic Design のメリット Atoms Molecules Organisms Templates Pages 原⼦ 分⼦

    有機体 レイアウト 全体像 コンテンツ の内容 パーツの段階に そった作業