How to Use Atomic Design to Achieve Both Efficiency and Originality

Since the dawn of web development, an epic battle has been raging between efficiency and originality.

On the one hand, designers and developers have a finite amount of time and resources. Using a front-end framework like Bootstrap or Foundation, taking inspiration from another UI, or copying a design element are all perfectly legitimate ways to streamline the creation process.

On the other hand, if everyone is borrowing from the same sources, their websites end up looking incredibly similar. (Check out Every Bootstrap Website Ever for a hilarious example.)

But there’s finally a compromise that allows for both speed and innovation: Atomic design.

In creator Brad Frost’s words, this methodology lets you “create systems that promote consistency and scalability while simultaneously showing things in their final context.”

Not only does it boost efficiency without sacrificing originality, it’s also incredibly helpful for showing your clients and team members what the finished product will look like.

In this post, we’ll dive into the fundamentals of atomic design, how to integrate atomic design into your workflow, and several case studies of teams who have successfully implemented it...

The post How to Use Atomic Design to Achieve Both Efficiency and Originality appeared first on Vandelay Design.

from Vandelay Design http://www.vandelaydesign.com/use-atomic-design-achieve-efficiency-originality/