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.
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.
Subscribe"Components are interactive building blocks for creating a user interface. They can be organized into categories based on their purpose: Action, containment, communication, navigation, selection, and text input."
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.