Download as PDF, PPTX
Uploaded byYusuke Goto
UI 開発をアジャイルに行うための Atomic Design
The document discusses the concept of atomic design, which is an approach to building user interfaces that involves structuring components from the smallest atoms like buttons and typography up to larger molecules and organisms like forms and navigation. It is based on the idea that interfaces should be built from a library of reusable components that can be combined in different ways to build out pages and templates. The document contains numerous repetitions of "Pages", "Templates", "Organisms", "Molecules", and "Atoms" which are the core building blocks of atomic design. It also includes links to resources about atomic design, interface patterns, and component-based development.
More Related Content
Similar to UI 開発をアジャイルに行うための Atomic Design
UI 開発をアジャイルに行うための Atomic Design
- 1. Atomic Design 2018.6.6 ITSTAFFING
- 2.
- 9.
- 10.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 22.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 30. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 31. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 32. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 33. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 34. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 35. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 36. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 37. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 38. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 39. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 40. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 41. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 42. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 43. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 44.
- 47.
- 48. We’re not designingpages, we’re designing systems of components.—Stephen Hay
- 49.
- 50.
- 51.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 81.
- 85.
- 88.
- 89.
- 90.
- 93.
- 95.
- 98.
- 101.
- 110.
- 111.
- 112.
- 113.
- 114.
- 115.
- 120.
- 126. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 127. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 128. Pages Templates Organisms Molecules Atoms Photo by DhyamisKleber from Pexels
- 129.
- 131.
- 132.
- 133.
- 134.
- 136. A Project Suitablefor Agile Development
- 137. The Dependency InversionPrinciple
- 139.
- 141.
- 143.
- 145.
- 147.
- 149.
- 150.
- 151.
- 153.
- 155.
- 157.
- 159.
- 163.
- 164.
- 165.
- 166.
- 167.
- 168.
- 169. Atoms Inside theMolecule
- 171.
- 172.
- 173.
- 174.
- 175.
- 176.
- 177.
- 178.
- 179.
- 180.
- 181.
- 182.
- 183.
- 184.
- 185.
- 186.
- 187.
- 188.
- 189.
- 190.
- 191.
- 192.
- 193.
- 194.
- 197.
- 200.
- 202.
- 204.
- 206.
- 207.
- 208.
- 209.
- 212.
- 213.
- 215.
- 216.
- 217.
- 218.
- 225.
- 226.
- 227.
- 228.
- 229.