What are Components in Digital Design?
The term components in the design of digital user interfaces (UI) refers to distinct, reusable building blocks or elements that are used for creating the visual that a user experiences.
Examples of components include buttons, dialogs, lists or carousels.
For an example of how components shape the user interface of a final product, consider the two images below.
- The first shows all the components used in our Price After app.
- The second shows how those components are used within the Welcome Tutorial and Camera experience screens.
Please note that in some cases components are used as UI elements within other, higher order components. These are known as Organisms in Atomic Design.
The boxes that surround the components and screens indicate that these components have variants.
All the components in our Price After app.
How those components are used within the Welcome Tutorial and Camera Experience in Price After.
Any Questions?
We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.