almoamen.net
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.
You can still view the previous set of Material Guidelines.