Maybe you’ve heard people talking about atomic design and you’re wondering what the fuss is all about.
In essence, atomic design is a website design and development methodology using a hierarchical system of elements that combine with one another to create larger components, templates, and ultimately, web pages. Using pattern libraries of these components, designers and developers can define what pieces of a site look like and how they function, creating a flexible set of building blocks. This allows users to quickly and easily create new pages using a functional, visually unified system of components that can easily be combined and recombined to create new pages while maintaining quality and consistency. So, now you may be thinking, “That sounds great! But how the heck do you get started?”
In this mini-workshop, John and Jenny will lead an exploration of atomic design using interactive, hands-on activities to explore the processes and strategies from front-end design to back-end development.
What you’ll do:Hands-on, analog activities (no coding needed!) explore:
- How using pattern libraries facilitates rapid prototyping using combinations of components
- Strategies to help break your site design into components
- How using pattern libraries helps you think through naming conventions and improves collaboration with other developers and designers