おまえは原子か分子か。Atomic Designで扱いに迷うUIコンポーネントたちをどうするか｜きたじぃ

Atomic Designとはこんにちは。 デザイナー間で話題にされだしてから結構時間も経ってきましたが、UIデザインにおいてAtomic Design（アトミックデザイン）という考え方があります。 Atomic Designの詳しい説明は別のブログに譲ろうと思いますが（逃げ）、ざっくりいうと、UIコンポーネントをAtoms（原子）、Molecules（分子）、Organisms（有機体）、Templates（テンプレート）、Pages（ページ）の5つの単位に分けてデザインを構築していくという方法論です。 メリットとしては ・無駄なUIコンポーネントが増えなくなる ・一貫性のあるデザインをつくることができる ・UIコンポーネントが一覧化され、チームでコラボレーションしやすくなる と言ったことが挙げられます。 とりあえず導入してみるかなり前の話ですが、Sketchバージョン41でシンボルを入

[manabuyasuda]

記事リストUIはAtomsが集まったMoluculesかなと思う。そしてTemplatesはヘッダー・コンテンツ・サイドバー・フッターみたいなものだと思っていて、レイアウトパターンの設計のことだと思う。