Jun 15, 2022
In Education Forum
Brad created a very, very classic theory based on the atomic theory in the field of chemistry, combined with the knowledge in the field of design. It's Atomic Design. 1. Atomic Design Brad listed a five-point hierarchy as the core underpinning of this theory: Atoms executive email list Molecule Organisms Organisms (tissues) Templates Pages 1) Atom Atoms are the smallest units that make up all the elements of a design. For example, color, text, input box, icon, etc., they cannot executive email list be subdivided in the dimension of interface design, and they do not have unique functions. We can change the color or the size of the input box at will in the interface, but it will not have any effect on the whole. 2) Molecule Buttons or colors by themselves do not have any effect, but when atoms are combined according to a certain set of rules, they executive email list can become a component, which is given a unique function. Such as search boxes, forms, date pickers, feedback components, etc. These molecules are made of atoms such as words, icons, input boxes, etc. 3) Organisms (tissues) Organisms is translated as organisms, but here is a reference to the executive email list translations of other predecessors, and it can be better understood by translating them into organizations. The organization mapping to the interface design is actually a module composed of multiple molecules and atoms. For example, cards, lists, etc. that carry various executive email list types of information. 4) Template The template level is basically linked to the product. The above three levels are only separated from each other, they are not enough to support a page. However, when executive email list we properly combine multiple organisms to form a "template" based on the needs of the product and users, the product begins to take shape. And this template is the prototype map drawn by the interaction designer.