WE CREATE BRANDS PEOPLE L♥VE
Share

Android Design Guidelines


Tegra - September 6, 2020 - 0 comments

Android Design Guidelines

Android Design Guidelines 🤖

Courtesy of @ux.mars

Material Design is an Android-oriented design language created by Google.

In this post we shared a few examples about Material Design Guidelines 👇

🟢 Principles

🟢 Pixel Density

🟢 Responsive Layout Grid

🟢 Breakpoint System

🟢 Navigation

🟢 The Color System

🟢 Type Scale

Material Design by Google  Material Design is an Android-oriented design language created by Google. 
In this post I shared a few examples about Material Design Guidelines. 
If you need to learn more, go to material.io website. 
www.material.io/design/

Material Design by Google

Material Design is an Android-oriented design language created by Google.

In this post I shared a few examples about Material Design Guidelines.

If you need to learn more, go to material.io website.
www.material.io/design/

Principles  Predictable
Consistent
Responsive  Pixel Density  High-density display
Lower density display

Principles

  • Predictable
  • Consistent
  • Responsive

Pixel Density

  • High-density display
  • Lower density display
Responsive Layout Grid  Breakpoint System  Layouts using 4-column, 8-column, and 12-column grids are available for use across different screens, devices, and orientations.

Responsive Layout Grid

Breakpoint System

Layouts using 4-column, 8-column, and 12-column grids are available for use across different screens, devices, and orientations.

Breakpoint System

Breakpoint System

Navigation  Navigation drawers are appropriate for five or more top-level destinations, and can be used across device sizes for a consistent navigation experience.  Bottom navigation bars [heir location, visibility, and persistence across screens allow quick pivoting between destinations.  Navigation drawers Tabs can be used at any level of an app's hierarchy to present two or more peer sets of data across screen sizes.

Navigation

Navigation drawers
are appropriate for five or more top-level destinations, and can be used across device sizes for a consistent navigation experience.

Bottom navigation bars
Their location, visibility, and persistence across screens allow quick pivoting between destinations.

Navigation drawers Tabs
can be used at any level of an app’s hierarchy to present two or more peer sets of data across screen sizes.

The Color System  Hierarchical
Legible
Expressive  Colors and Theming  Primary Color
Secondary Color
Light and Dark Variants

The Color System

  • Hierarchical
  • Legible
  • Expressive

Colors and Theming

  • Primary Color
  • Secondary Color
  • Light and Dark Variants
Type Scale

Type Scale

Get 50+ Marketing Tools we use in Tegra 🤘

Follow the link 👉 https://use.tegra.co/tools to get a list of 50+ free (or cheap) growth marketing tools that we and other growth agencies use to scale businesses like yours + growth hacking insights.

Related posts

Leave a Reply