El diseño del material no está relacionado con el diseño plano en sus principios. El diseño de materiales es esceptomorfo en el sentido de que es un intento de hacer que el diseño web sea más realista en la forma en que retrata elementos, utilizando capas y animaciones de una manera que tenga sentido fuera del navegador. El diseño visualmente plano y el diseño de material son similares en este momento, pero el diseño de material se puede aplicar a diseños que no sean planos.
Sigue 3 principios
- El material es la metáfora.
- Sea audaz, gráfico, intencional
- Proporcionar significado con movimiento
La creación de capas en el diseño de materiales se realiza moviendo elementos hacia adelante o hacia atrás a lo largo del eje z, hacia y desde el usuario, y agregando sombras realistas para transmitir más significado. Los elementos de animación, como tener una posición que afecta la animación cuando se elimina un elemento de la lista, están destinados a mejorar el flujo y la comprensión del usuario al tiempo que hacen que la experiencia sea más fluida. Al hacerlo, se puede representar más significado a través del diseño de materiales que en el diseño plano
Los diseñadores de Google hicieron modelos de papel para descubrir capas y sombras para su diseño de material.
Existen otras pautas de diseño que cubren el espaciado, el color, la usabilidad y más detalles sobre el posicionamiento y la animación que puede consultar en la página web de Google sobre el tema .
Una buena manera de aprender más sobre el diseño de materiales y cómo implementarlo es usar las aplicaciones que Google ha creado usando el diseño de materiales y leer sobre los detalles del diseño , este es de Brian Lovin en la aplicación Inbox.
La gente puede asumir que el diseño de materiales es una especie de extensión del diseño plano, pero de hecho los principios son diferentes. La tendencia actual es hacer un diseño limpio y plano que Google use por ahora, pero los principios del diseño de materiales se extienden más allá de esos límites y también se pueden aplicar a otros métodos de diseño.