Atomic Designにまつわるエトセトラ
- 2. Edward Fox • Repro Inc. • Front-end Developer • Ruby on Rails, CSS, JavaScript, Git, AWS
- 3. 今回話すこと • Atomic Designという設計思想 • 銀の弾丸はない
- 6. デザインを外注することに
- 9. Brad Frost
- 10. Atomic design provides a clear methodology for crafting design systems. It gives us the ability to traverse from abstract to concrete. Because of this, we can create systems that promote consistency and scalability while simultaneously showing things in their final context. And by assembling rather than deconstructing, we’re crafting a system right out of the gate instead of cherry picking patterns after the fact.
- 11. ようするに
- 12. • デザインシステムを作る方法論の1つ • デザインの一貫性と拡張性 • 多人数の作業においても、デザインシステ ムが1つ1つ組み上がって構築される
- 13. Atoms
- 14. Atoms
- 15. Molecules
- 16. Molecules
- 17. Organisms
- 18. Organisms
- 19. Templates
- 20. Templates
- 21. Pages
- 22. Pages
- 27. 色々と問題もある
- 39. 結論 • Atomic Design良い。でもサービスの段階や開発にあっ たデザイン哲学・設計を選択するの大事 • CSSはすぐ腐る • 完全無欠な設計を目指すのではなく、壊れたとしても 復旧がすぐに出来る設計と心構えを
- 41. We’re hiring!
- 42. 完