Atomic Design's ideas are nothing new. Designers have been using Design Systems (reusable components and patterns) from the very beginning with Photoshop. Adobe Flash also used reusable graphic "components". We just didn't call it Design Systems back then. Nowadays it's easier to create a Design System with the cloud-based ability in Adobe XD. I think Brad Frost is a cool guy, but he only highlighted the idea of the obvious. I understand the small to large analogy of Atomic Particles, but trying to inject science terms into design language makes the concept confusing for designers.
Good in theory but you’re at the mercy of your prototyping tool. In adobe XD this level of organization works until you want to prototype advanced animations. Considering you can’t prototype a component state and outside object at the same time. You’d have to ungroup your component to create your animation. Which means that click once to change the color everywhere wouldn’t work. But this is great if you have just a few pages and basic animations.
Anyone can start their own vodoo design system and name it atom, cell or organic and what not. Design systems are proprietary not generic. UX is domain specific not something that can be applied generally.
@@djhardaker21 yes there are some very common elements but that is not design system. That is just a style guide. A design system has interaction patterns that are domain specific. Noobs and wannabes are tyring to prove their worth by introducing concepts and ideas that are hurting UX. UX is not trivial and not easy. One can take any natural system such as galaxy, atom, molecule, human body or ecology and convert it into a design system. This is just utter jargon.
@@DoPeTz Problem is that designers are adopting this blindly/without giving it much thought. How would you assume that this has got nothing to do with UX? Templates mentioned here are just bogus. In practice, what we needed are domain specific interaction patterns and not domain agnostic templates.
@@nofavors oh, I undterstand now, you are confused. You are saying that UI is UX. Atomic Design is the base where Design systems are built upon. It's about Scalable User Interface. The only thing this could be used for in UX is when you need to wireframe and even then, you use Industry standard elements. As they say, Atomic design is an industry standard by now. It has little of UX, specially for pattern libraries and basic Interface knowledge but only that. Atomic Design is a UI pillar, not a UX pillar. And, last but not least. Domain specific interactions are constrained by grafic elements and their possible combinations with the help of animations, responsiveness and states. And those interactions can be suggested in the Design system and can be treated in an atomic, molecular or organic level. You are not completely wrong, just very wrong.
@@alexisfy You are contradicting yourself in different paras that you have written. There is a barrage of noobs who think they have found the ultimate solution. "You are saying UI is UX" - that is your own interpretation, not mine. I wonder who is wrong here. What you are saying is that design systems don't include interaction patterns. You'll have a hard time convincing UX and UI experts about that. And who is "they" here? Never heard that it is a standard. Only thing is that noobs have been using it to define interaction patterns and proprietary solutions. At least from what I've seen. What atomic design is good at is breaking down UI and style gyide into understandable chunks. At best it is a UI framework.
This "atom design" thing is nothing new. Just fancy words to say "abstraction", a basic notion widely used in programming to help maintain and escalate software. Just the same as TH-cam letting you "maintain" and reutilize your video by letting you update the year number in the title each time to match the current year 😂
The animation is just on another level
I will call this a 6 million dollar video because it has a compact explanation and an amazing animation. Thank you for the video !
nice vidio
Absolute gem of a video for the visual learner 💎
excellent video.
Excellent video! Just perfect combination of animation and information. If only I could learn everything thru this channel!
This animation and video is absolutely beautiful. I've send this to clients.
Beautiful explanation! Thank you! Absolutely loved the animations to go with it
one of the... most important vid in the world of UI/X design
Jesus F**king Christ, just 150 subs for this much effort and animation quality ...
Wow, some gorgeous motion design and sleek graphics here!
🏆
This channel might be bigger
Thank you so much! That was very helpful!
Astonishing
ooooooommmmygooooood, subscribed bro. Keep me updated 😍
incredible video! Thank you so much :)
We're glad you enjoyed it!
Deserves much more likes and subs
excellent work
Great Explanation and animation. thanks
Thank you dude, this video so amazing, its very helpful to me!
I love the animation!!!
Amazing! Thank you so much
Atomic Design's ideas are nothing new. Designers have been using Design Systems (reusable components and patterns) from the very beginning with Photoshop. Adobe Flash also used reusable graphic "components". We just didn't call it Design Systems back then. Nowadays it's easier to create a Design System with the cloud-based ability in Adobe XD. I think Brad Frost is a cool guy, but he only highlighted the idea of the obvious. I understand the small to large analogy of Atomic Particles, but trying to inject science terms into design language makes the concept confusing for designers.
agreed, very good point.
Excellent Explanation and fantastic animation !!! Thanks u :D
This is absolutely mindblowing and futuristic.
Amazing explanation!! something so easy to understand but hardly applied in most cases!
Good presentation.
excellent video.
Thank you for this gem of a video
This video is so creative! Amazing work! Subbed!
Thanks guys
This is awesome ,
Amazing video and explanation 🔥🔥🔥
Good in theory but you’re at the mercy of your prototyping tool. In adobe XD this level of organization works until you want to prototype advanced animations. Considering you can’t prototype a component state and outside object at the same time. You’d have to ungroup your component to create your animation. Which means that click once to change the color everywhere wouldn’t work. But this is great if you have just a few pages and basic animations.
Sounds like you need a better tool
man this video is 4 years old, come on :/
Thank you so much for the great video! The summary at the end of the video really helped to memorize it!
You left out the ion
Great explanation and amazing animation, well done!
Curriculum study MIT: "Atomic Architecture of - web site!"
At - all the time -- it be there, om - Optic net movement - ic -- physical - TOKYO
isn't it similar to bootstrap ?
Very clean animations, clear narrators and concise info. Surprised you guys only have 1k subs with such high quality content. :V
Where is the place for the real data? Like which of these are dumb and smart components
Anyone can start their own vodoo design system and name it atom, cell or organic and what not. Design systems are proprietary not generic. UX is domain specific not something that can be applied generally.
@@djhardaker21 yes there are some very common elements but that is not design system. That is just a style guide. A design system has interaction patterns that are domain specific. Noobs and wannabes are tyring to prove their worth by introducing concepts and ideas that are hurting UX. UX is not trivial and not easy. One can take any natural system such as galaxy, atom, molecule, human body or ecology and convert it into a design system. This is just utter jargon.
@@djhardaker21 Sorry to say I've to disagree with your first statement and then lets leave it at that.
@@DoPeTz Problem is that designers are adopting this blindly/without giving it much thought. How would you assume that this has got nothing to do with UX? Templates mentioned here are just bogus. In practice, what we needed are domain specific interaction patterns and not domain agnostic templates.
@@nofavors oh, I undterstand now, you are confused. You are saying that UI is UX. Atomic Design is the base where Design systems are built upon. It's about Scalable User Interface. The only thing this could be used for in UX is when you need to wireframe and even then, you use Industry standard elements. As they say, Atomic design is an industry standard by now. It has little of UX, specially for pattern libraries and basic Interface knowledge but only that. Atomic Design is a UI pillar, not a UX pillar.
And, last but not least. Domain specific interactions are constrained by grafic elements and their possible combinations with the help of animations, responsiveness and states. And those interactions can be suggested in the Design system and can be treated in an atomic, molecular or organic level.
You are not completely wrong, just very wrong.
@@alexisfy You are contradicting yourself in different paras that you have written. There is a barrage of noobs who think they have found the ultimate solution.
"You are saying UI is UX" - that is your own interpretation, not mine. I wonder who is wrong here.
What you are saying is that design systems don't include interaction patterns. You'll have a hard time convincing UX and UI experts about that. And who is "they" here? Never heard that it is a standard. Only thing is that noobs have been using it to define interaction patterns and proprietary solutions. At least from what I've seen. What atomic design is good at is breaking down UI and style gyide into understandable chunks. At best it is a UI framework.
This "atom design" thing is nothing new. Just fancy words to say "abstraction", a basic notion widely used in programming to help maintain and escalate software. Just the same as TH-cam letting you "maintain" and reutilize your video by letting you update the year number in the title each time to match the current year 😂