UI & UX - Android
Last modified on Wed 06 Jul 2022

You can't use up creativity. The more you use, the more you have.

Material Design is an open - source design system created by Google and used for creating Android apps UI that is usable and beautiful. Material Components are interactive building blocks for creating a user interface.


Element name Definiton / Picture / GIF
Bottom Bar A bottom app bar displays navigation and key actions at the bottom of mobile screens.
Bottom Navigation Bottom navigation bars allow movement between primary destinations in an app.
Tabs Tabs organize content across different screens, data sets, and other interactions.
Top Bar The top app bar displays information and actions relating to the current screen.


Element name Definiton / Picture / GIF
Floating Action Button (FAB) A floating action button (FAB) represents the primary action of a screen.


Element name Definiton / Picture / GIF
Backdrop A backdrop appears behind all other surfaces in an app, displaying contextual and actionable content.
Banner A banner displays a prominent message and related optional actions.
Card Cards contain content and actions about a single subject.
Chips Chips are compact elements that represent an input, attribute, or action.
Dialog Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
Divider A divider is a thin line that groups content in lists and layouts.
Image List Image lists display a collection of images in an organized grid.
List Lists are continuous, vertical indexes of text or images.
Snackbar Snackbars provide brief messages about app processes at the bottom of the screen.
Tooltip Tooltips display informative text when users hover over, focus on, or tap an element.

You can find more on Material.io.