Material Design

What is Material Design?

Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. Backed by open-source code, Material streamlines collaboration between designers and developers, and helps teams quickly build beautiful products.

Introduction

Material Design is a visual language that synthesizes the classic principles of good design with the innovation of technology and science.

Goals

Create

Create a visual language that synthesizes the classic principles of good design with the innovation and possibility of technology and science.

Unify

Develop a single underlying system that unifies the user experience across platforms, devices, and input methods.

Customize

Expand Material’s visual language and provide a flexible Foundation for innovation and brand expression.

Principles

Material is the metaphor

Material Design is inspired by the physical world and its textures, including how they reflect light and cast shadows. Material surfaces reimagine the mediums of paper and ink.

Bold, graphic, intentional

Material Design is guided by print design methods — typography, grids, space, scale, color, and imagery — to create hierarchy, meaning, and focus that immerse viewers in the experience.

Motion provides meaning

Motion focuses attention and maintains continuity, through subtle feedback and coherent transitions. As elements appear on screen, they transform and reorganize the environment, with interactions generating new transformations.

Flexible foundation

The Material Design system is designed to enable brand expression. It’s integrated with a custom code base that allows the seamless implementation of components, plug-ins, and design elements.

Cross-platform

Material Design maintains the same UI across platforms, using shared components across Android, iOS, Flutter, and the web.

Getting around

Our comprehensive guidance helps you make beautiful products, faster. Design and build with new tools for customizing Material and sharing work, find inspiration in the Material studies, and express your product’s unique identity with Material Theming.

Find what you need by navigating across these three sections:

Material System

Our expanded and enhanced design system is unified with Material tools and components to improve workflow between design and development.

Material Foundation

Design and strategize how to build your app using Material Design architecture, while learning the principles and theory that underpin Material Design.

Material Guidelines

Customize and Deploy a unique Material theme systematically across your product – from design to code.

src.:
material.io


About our Material studies


Elevation


About shape


Develop


Resources


Design

?