icon
icon
icon
icon
Book Info
left icon
setting icon
Atomic Design book image
Computer

Atomic Design

By Brad Frost

4.0
book iconBrad 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.

Readers

Yuya Uzu
1

Reviews

user picture
Yuya Uzu
@uzu
Oct 15
Posted a review 💬
Atomic Design is a highly systematic & flexible approach for developing web/native apps. I'm totally convinced afte...Show more
2
0

Notes

user picture
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

close icon
Sign In
close icon
Select Languages

Which languages of books would you like to see on the main feed?

All Languages
English
Español
Français
Português
हिन्दी
العربية
中文
日本語
한국어
close icon
Share Links
close icon
Share Review
close icon
Comments
No comments yet