珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | POSTD

概要： Sketchを使ったAtomic Designの方法がプロダクトデザインの未来形です。 初めに この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。 ここ何年も、私たちのデザインを少しでも理解してもらえるよう、スタイルガイド、基本的ガイドラインやムードボードなどのツールを作成してきました。同じように、開発者もBootstrapやFoundation、Bourbonなどのツールでプログラミング作業を楽にしようとしてきました。互いに妥協点を見いだし協力することで互いの作業を楽にできます。Atomic Designはまさにそれを実現しようとしています。 Atomic designはあるインスタンスやページをデザインすることではありません。大局的に

[joint1]

わかったつもりだぜー(￣▽￣)(￣ー￣)..こっちはワークフローも詳しいのな

[hemispherwhistle]

sketch react Webデザイン

[wadandandadan]

珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで

[nilab]

珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで | デザイン | POSTD

[rryu]

こういうのもあるのか。

[michael-unltd]

綺麗

[assaulter]

good....

[ryo_n574]

Sketchいいかも

[kefi3104]

珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで

[takaesu]

デザインの整理の仕方

[hooooop]

“AtomicDesign”

[iR3]

#debeg でmachidaさんにAtmic Design を教わって見ているところ

[Mikatsuki]

新しめの開発フローか？何かかな？ついでにSketchを推す

[mzkzzz]

デザイナーの協力がとてもとても必要。

[hamamuratakuo]

統一感を出すために役立つ手法？　部分から全体を形成＝ボトムアップ　最初に基調色とパーツのテイスト（フラットデザイン？）を決めておき、後はそれらを組み合わせるだけ。悩む余地が減って、作業が早くなりそうｗ

[taro1taro22]

デザイナーとエンジニアの距離がどんどん縮まってる感あるな 珍しいワークフロー：Atomic Designの原則とSketchでデザインからプログラミングまで

[Buchi_6uclz1]

MaterialDesignの次はAtomicDesignですか

[d4-1977]

え？Sketchって、hamlに対応しているの？？知らなかった。あとで調べる

[nibushibu]

デザインをモジュールとかテンプレート単位で再利用性を考えて作る。

[Ashizawa]

この記事は、上のビデオの素晴らしい人物、Brad Frostの開発したシステムについて書いています。Atomic Designは今のレスポンシブなデジタルの世界に対応するために開発されたものです。