タグ

ブックマーク / note.com/kitaji1061 (1)

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

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

    おまえは原子か分子か。Atomic Designで扱いに迷うUIコンポーネントたちをどうするか|きたじぃ
    manabuyasuda
    manabuyasuda 2018/04/16
    記事リストUIはAtomsが集まったMoluculesかなと思う。そしてTemplatesはヘッダー・コンテンツ・サイドバー・フッターみたいなものだと思っていて、レイアウトパターンの設計のことだと思う。
  • 1