UI 開発をアジャイルに行うための Atomic Design
•
27 likes•14,500 views
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.
Recommended
More Related Content
What's hot
What's hot (20)
More from Yusuke Goto
More from Yusuke Goto (20)
Recently uploaded
Recently uploaded (20)
UI 開発をアジャイルに行うための Atomic Design
- 1. Atomic Design 2018.6.6 IT STAFFING
- 15. Do
- 16. Do
- 17. Do
- 29. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 30. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 31. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 32. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 33. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 34. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 35. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 36. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 37. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 38. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 39. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 40. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 41. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 42. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 43. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 48. We’re not designing pages, we’re designing systems of components.—Stephen Hay
- 51. ?
- 111. 1 2 3 4
- 126. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 127. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 128. Pages Templates Organisms Molecules Atoms Photo by Dhyamis Kleber from Pexels
- 136. A Project Suitable for Agile Development
- 137. The Dependency Inversion Principle
- 163. Templates
- 164. Organisms
- 165. Organisms
- 166. Elements Inside
- 167. Atoms
- 168. Molecules
- 169. Atoms Inside the Molecule
- 171. Atoms: Balloon
- 172. Atoms: Balloon
- 173. Atoms: Balloon
- 174. Atoms: Balloon
- 175. Atoms: Balloon
- 176. Atoms: Balloon
- 177. Atoms: TrashCanIcon
- 178. Atoms: TrashCanIcon
- 179. Atoms: TrashCanIcon
- 180. Atoms: TrashCanIcon
- 183. Atoms: TrashCanIcon
- 191. Flux
- 192. Templates Flux
- 193. Pages
- 194. 😁
- 209. Interface Inventory
- 225. 😁