Material Desing

Material design Concepto: Material design es una normativa de diseño enfocado en la visualización del sistema operativo Android, además en la web y en cualquier plataforma.

Material design es una normativa de diseño enfocado en la visualización del sistema operativo Android, además en la web y en cualquier plataforma. Fue desarrollado por Google y anunciado en la conferencia Google I/O celebrada el 25 de junio de 2014. Ampliando la interfaz de tarjetas vista por primera vez en Google Now.

Descripción

Material Design recibe su nombre por estar basado en objetos materiales. Piezas colocadas en un espacio (lugar) y con un tiempo (movimiento) determinado.

Es un diseño donde la profundidad, las superficies, los bordes, las sombras y los colores juegan un papel principal.

Precisamente este diseño basado en objetos es una manera de intentar aproximarse a la realidad, algo que en un mundo donde todo es táctil y virtual es difícil. Material Design quiere guiarse por las leyes de la física, donde las animaciones sean lógicas, los objetos se superpongan pero no puedan atravesarse el uno al otro y demás.

¿Cómo se traslada esto a Android? Pues básicamente delimitando claramente el tipo de menús, los botones y los tipos de imágenes a elegir.

Elementos ordenados e imágenes claras

Material Design es un diseño con una tipografía clara, casillas bien ordenadas, colores e imágenes llamativos para no perder el foco y un sentido del orden y la jerarquía muy marcado. Estas ideas ya se aplican en muchos diseños, pero en Material Design Google ha creado unas normas muy claras de como llevarlo a la práctica.

Luz y sombras dan sensación de jerarquía

Uno de los elementos clave es la luz y las sombras. Una iluminación realista proporciona indicios de cómo se comportará un elemento y en qué nivel se encuentra. Imaginemos un cuadrado que tiene su sombra sobre otro cuadrado, el cerebro humano entiende que el que recibe la sombra es el que está debajo. Fijaros en la imagen siguiente donde el menú de la derecha además de tener un fondo más claro proyecta su sombra sobre el panel principal, dando la sensación de estar delante.

El movimiento es la mejor forma de guiar al usuario

El movimiento es otro elemento clave, por ejemplo un objeto que parpadea significa que está llamando tu atención, un elemento que se expande es que se acaba de abrir. Todos estos movimientos se crean en una dirección determinada, nuevamente explicada en la guía de Material Design.

¿Qué es y qué no es Material Design?

No todos los botones flotantes sirven, no todas las imágenes a pantalla completa son útiles, los iconos deben ser planos.

Animaciones y movimiento, el elemento más característico

Es básicamente una serie de gifs donde vemos las animaciones de Material Design. Es importante fijarse en el tiempo en que aparecen las cosas, primero imágenes y luego botones flotante.

También en la velocidad, ya que los elementos no aparecen de repente. Finalmente está la dirección desde la que aparecen ya que con ese movimiento se está indicando al usuario de donde proviene la información. Sin duda las animaciones son uno de los aspectos más llamativos de Material Design.

Material Design, un diseño adaptado para todo tipo de pantallas

No debemos pensar en Material Design como ese diseño destinado para las aplicaciones móviles de Android. De hecho, es multiplataforma. Tantos los smartphones, tablets, smartwatches o televisores pueden hacer uso de este diseño. También las páginas webs. Material Design ha sido creado pensando en todos los sistemas, no solo Android.

Material Design tiene sus propias normas para casi todos los detalles y se mantienen independientemente del tamaño de pantalla. Precisamente esa transversalidad es su punto fuerte.

Los usuarios de Android ya podemos disfrutar de una. Es verdad que todavía hay muchas incongruencias y fallos, y otras muchas solo han incorporado detalles, pero los esquemas están claros y solo es cuestión de tiempo que los desarrolladores sepan aplicar este diseño y adaptarlo a su aplicación.

Uno de los puntos más criticados de las apps con Material Design es que parece que todas sean iguales, pero esto es simplemente porque en esta fase inicial se están aplicando los modelos básicos. No dudamos que a medida que los desarrolladores y diseñadores empiecen a entender Material Design aparecerán los primeros trabajos verdaderamente originales.

Material Design es probablemente el cambio más importante de Android 5.0 Lollipop. Un cambio que no solo afecta a Android, también define un poco la estrategia de Google.

Material Design, vídeo y documentación oficial

También un vídeo muy llamativo que ya pudimos ver en el que se muestran esas formas, esos colores y esos elementos tan característicos de Material Design, el nuevo diseño de Android que intenta imitar la física de los objetos materiales.

Material Design, el nuevo diseño de Android 5.0

Durante el pasado Google I/O 2014, la conferencia que da Google cada año, se nos presentaron muchas novedades siendo una de ellas este nuevo diseño. Material Design es un concepto, una filosofía, unas pautas enfocadas al diseño utilizado en Android, pero también en la web y en cualquier plataforma. El encargado de crear Material Design y máximo responsable de diseño en Google es el chileno Matías Duarte.

Históricamente Android ha tenido diseño, a partir de ahora el nuevo estilo y la tendencia en Android es Material Design y tenemos que decir que nos gusta mucho.

Inspiración

Google previamente realizó diseños para cambiar las interfaces de sus aplicaciones para móviles. El proyecto fue llamado internamente como Hera. Más adelante fue renombrado como Quantum Paper. Para el diseño los desarrolladores se inspiraron en la tinta y el papel para crear este lenguaje de diseño. Material se trata de un diseño más limpio, en el que predominan animaciones y transiciones de respuesta, el relleno y los efectos de profundidad tales como la iluminación y las sombras. El vicepresidente de diseño de Google, Matias Duarte, explicó que "a diferencia del papel, el diseño Material se puede ampliar y redimensionar de manera inteligente. Material Design tiene superficies físicas y bordes. Las escenas y sombras proporcionan significado sobre lo que se puede tocar y cómo se va a mover".

Integración

Material se integró en Android Lollipop como reemplazo de Holo, anteriormente utilizado desde Android 4 y sucesores. La filosofía también se aplicó en Google Drive y Google Docs, Sheets y Slides, y se irá extendiendo progresivamente a todos los productos de Google (incluyendo Google Search, Gmail y Google Calendar), proporcionando una experiencia consistente en todas las plataformas. Google también lanzó APIs para que los desarrolladores externos incorporaran Material Design a sus aplicaciones.

Fuentes

• Material deseign

• ¿Qué es Material Design?