![]() ![]() If atoms are the basic building blocks of matter, then the atoms of our interfaces serve as the foundational building blocks that comprise all our user interfaces. Let’s dive into each stage in a bit more detail. Each of the five stages plays a key role in the hierarchy of our interface design systems. The five stages of atomic design are:Ītomic design is atoms, molecules, organisms, templates, and pages concurrently working together to create effective interface design systems.Ītomic design is not a linear process, but rather a mental model to help us think of our user interfaces as both a cohesive whole and a collection of parts at the same time. The periodic table of HTML elements by Josh Duck.īecause we’re starting with a similar finite set of building blocks, we can apply that same process that happens in the natural world to design and develop our user interfaces.Ītomic design is a methodology composed of five distinct stages working together to create interface design systems in a more deliberate and hierarchical manner. Josh Duck’s Periodic Table of HTML Elements beautifully articulates how all of our websites, apps, intranets, hoobadyboops, and whatevers are all composed of the same HTML elements. As it happens, our interfaces can be broken down into a similar finite set of elements. We discussed earlier how all matter in the universe can be broken down into a finite set of atomic elements. The atomic design methodologyīy now you may be wondering why we’re talking about atomic theory, and maybe you’re even a bit angry at me for forcing you to relive memories of high school chemistry class. Rae’s strategy of having students mind-numbingly balance tons of chemical equations worked, because I’m coming back to it all these years later for inspiration on how to approach interface design. This atomic theory means that all matter in the known universe can be broken down into a finite set of atomic elements:Īpparently Mr. ![]() Of course, I’m simplifying the incredibly rich composition of the universe, but the basic gist remains: atoms combine together to form molecules, which further combine to form organisms. These relatively complex structures can range from single-celled organisms all the way up to incredibly sophisticated organisms like human beings. Organisms are assemblies of molecules functioning together as a unit.These combinations of atoms take on their own unique properties, and become more tangible and operational than atoms. Molecules are groups of two or more atoms held together by chemical bonds.(Yes, it’s true atoms are composed of even smaller bits like protons, electrons, and neutrons, but atoms are the smallest functional unit.) ![]() Each chemical element has distinct properties, and they can’t be broken down further without losing their meaning.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |