UIは小さな構成要素の入れ子の組み合わせという考えを元に、化学のメタファーを用いて階層と粒度を定義した設計手法 画面を構成する要素を、原子(Atom)分子(molecule)有機体(organism)テンプレート(Templates)ページ(Pages)の5つの階層に分け、最終的なUIとUIの基礎となるデザインシステムを同時に作成する設計方法で、アメリカのWebデザイナーBrad Frostブラッド・フロスト氏が考案・提唱した。 公開しているアトミックデザインの電子書籍では、アトミックデザインの実践プロセスが紹介されていて「アトミックデザインの本質はUIを構築するためのメンタルモデルに過ぎない」と述べている。 アトミック・デザイン誕生の背景 紙というメディアにおけるページというメタファーの崩壊 1991年にWWWワールド・ワイド・ウェブの誕生当時にはウェブの概念が斬新過ぎて理解できなかった
![アトミックデザイン | UX TIMES](https://cdn-ak-scissors.b.st-hatena.com/image/square/7738c191b96f30ef6468a624a7b4a67b2a106da9/height=288;version=1;width=512/https%3A%2F%2Fuxdaystokyo.com%2Farticles%2Fwp-content%2Fuploads%2F2018%2F12%2Fabstract.png)