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/

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.

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
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

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.