Elementary design particles
Honestly, I myself slightly embarrassed to once again talk about Atomic design . About the concept of design systems, says almost everything and, it would seem, there is nothing to add. But wait! After all, the atoms in the real world come from something: protons, neutrons, electrons Is it possible to compare the structure of the atom with the design functional in which we work? I'm sure the answer is positive and that's why
general-fmv © Shutterstock
Now the most interesting. Has anyone already guessed which properties of the design object can be compared with the particles of the atom?
Neutrons Is a fill. On the visualization of the structure of the atom, neutrons are in the center. The metaphor fits irreproachably.
Protons - Rounding corners. They are located at the corners of the atom immediately associated with this property in the design.
Nucleons really want to juxtapose with the stroke. Alas, the nucleon is not a particle, but only a name combining protons and neutrons, but it does not matter! So the Nookola is a shadow. Because the stroke gathers together what is inside it. This completely coincides with the picture above.
Electron - this is a shadow. Wikipedia shows me this picture is , resembling a shadow. Perfect match on all parameters.
Back to the design systems
This is only an addition to the general theory of Atomic design when designing systems design. The concept of global styles is definitely addictive to Figma (Sketch seems to have recently gone the similar way). And thanks to such a presentation, we - designers and developers have got even more flexibility for customization if we effectively plan the architecture of the future system:
PS: Design requires practice, not theory. But sometimes it's worth taking a break from practice for a short while to structure the accumulated experience into new theories.
It may be interesting