Hondana
Home
Discover
Search
Report
Book Info
Computer
Atomic Design
By Brad Frost
★★★★★
4.0
Brad Frost Web
Description
We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help.Atomic Design details all that goes into creating and maintaining robust design systems, allowing you to roll out higher quality, more consistent UIs faster than ever before. This book introduces a methodology for thinking of our UIs as thoughtful hierarchies, discusses the qualities of effective pattern libraries, and showcases techniques to transform your team's design and development workflow.
Summary by AI
The summary has not been generated yet.
Readers
1
Reviews
Notes
Yuya Uzu
@uzu
Atoms: are UI elements that can’t be broken down any further and serve as the elemental building blocks of an interface. e.g. input forms, buttons
Molecules: are collections of atoms that form relatively simple UI components. e.g. search form
Organisms: are relatively complex components that form discrete sections of an interface. e.g. header
Templates: place components within a layout and demonstrate the design’s underlying content structure. e.g. top page, item page (without content)
Pages: apply real content to templates and articulate variations to demonstrate the final UI and test the resilience of the design system. e.g. pages with actual content