2016年7月19日のブックマーク (1件)

  • Atomic Designの考え方と利点・欠点 – wkr.

    Atomic Designはデザインシステムを作る方法論となります。デザインシステムというのはスタイルガイドやブランドのガイドラインなどを指すようです。 日だとAbemaTV(アベマ TV)で使われています。(Atomic Design を実案件に導入 - UI コンポーネントの粒度を明確化した結果と副産物 | ygoto3.comより) Atomic Designは今までのページ単位と違いコンポーネント単位でデザインカンプを作る考え方です。作ったコンポーネント同士の組み合わせでページを作ります。 Atomic Designはコンポーネントの単位を5つに分けています。その5つの単位はAtoms(原子)・Molecules(分子)・Organisms(有機体)・Templates(テンプレート)・Pages(ページ)です。各コンポーネントの詳細は次のとおりです。 Atoms(原子) Ato

    Atomic Designの考え方と利点・欠点 – wkr.
    adwd118
    adwd118 2016/07/19
    Reactの場合欠点を補うためのコンポーネントリストをreact-storybookで作れる気がする。単なるコンポーネントリスト以上のメリットあると思うんだけど誰か使ってないかな