最近、社内の9階フロアではインフルエンザが蔓延してバタバタと感染者が増えています…。 次は我が身ではないかと内心ビクビクしながら過ごしていますrockdです。 そんな中、今回はAtomic Designについての話をします。 簡単にいうと、デザインを設計するための手法の1つです。 2013年にBrad Frostという人がWebフロンドエンド用に開発しました。 UIの粒度を原子に置き換えて各ステージごとに管理し構築していきます。 [vimeo 109130093 w=640 h=360] Brad Frost: Atomic Design (Webdagene 2014) from Netlife Research on Vimeo. では、実際にどのようなステージに分けられるのか紹介します。 5つのステージ Atomic Designでは5つのステージに分けて管理します。 Atoms(ア
![新しいデザインシステムの手法 Atomic Designとは|NEWS|株式会社INDETAIL(インディテール)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8b1a2e2ae7ceb63e3f2e4c1a5343b9403380999e/height=288;version=1;width=512/https%3A%2F%2Fwww.indetail.co.jp%2Fwp-content%2Fuploads%2F2016%2F04%2Fatomic_img_small.jpg)