¿Cuáles son las diferencias entre diseño de interfaz de usuario plana y diseño de interfaz de usuario de material en términos de colores?

Tomaría los códigos de colores como recomendaciones. Pero, no pensaría que el diseño plano o el diseño de material realmente deberían estar restringidos en términos de color.

El diseño plano es un movimiento para simplificar la estética de (principalmente) UX móvil. Pienso en ello como la ausencia de textura, patrones y otros atributos que complican (estilizan) un diseño. Entonces, no más sombras, brillo, bordes biselados, etc.

Se introdujeron “tarjetas” para crear un mecanismo de agrupación de cosas que eran planas. Y al hacerlo, hubo una introducción de capas. Piense en las tarjetas como objetos físicos que son planos y flotan sobre un fondo, que también es plano. Entonces, hay una tercera dimensión, aunque es limitada. Piense superposiciones.

El diseño de materiales se basa en eso mediante la creación de reglas que hacen que los objetos (como las tarjetas) tengan un comportamiento como los objetos físicos. Hace que la interfaz de usuario se sienta más tangible y táctil. Y esto no se detiene con las cartas. Muchos de los comportamientos que puede ver en la documentación de diseño de materiales proporcionada por google ilustra cómo las animaciones sutiles pueden hacer que la interfaz de usuario se sienta más fluida y amplía las posibilidades en términos de interacciones.

Por lo tanto, una maqueta de diseño de material estático aún sería plana. Y un diseño plano podría ganar comportamientos (acciones / reacciones) que lo hacen material.

Introducción – Diseño de materiales – Pautas de diseño de Google

Creo que la respuesta corta es “Sí”.

Respuesta larga, desde mi punto de vista:

La diferencia entre diseño plano y material no está en los valores de color en sí. Se trata más de la idea central. Hasta donde yo sé, las ideas centrales del diseño plano son más superficiales que el diseño de materiales. El principio de Flat es ser colorido, llamémoslo “jugoso”. No hay sombras, excepto por un enfoque especial llamado “Flat Shadows”. Sin embargo, las reglas que definen cómo se comportan los colores en el diseño de materiales son más complejas. Sugiero buscar algunas reglas que definan el diseño plano y compararlas con las pautas de material. (Color – Estilo – Pautas de diseño de Google)

Después de todo, puede elegir los colores que desee, crear un sitio web de diseño plano y descubrir que ya está utilizando algo de la paleta Material Design.

El diseño Flay es un concepto básico, mientras que el diseño Material es una serie de patrones de diseño que se recomiendan para las experiencias de Android. Los diseñadores no tienen que atenerse a estas recomendaciones. Por lo tanto, se puede usar cualquier color.

Con el diseño plano, es / era una tendencia y hay algunos colores que coinciden con esa tendencia, pero nuevamente los diseñadores pueden y deben usar los colores que funcionen mejor para la solución final.