miércoles, 3 de agosto de 2016

Material Design

El material design es una de las técnicas de diseño más adaptables a todas las plataformas de tencología posibles, por lo que en lo personal me gusta trabajar en ello y para eso adjunto algo de información de MATERIAL DESIGN.

md_icon_templates_2x

Durante las últimas semanas hemos hablado mucho de Material Design. ¿Pero qué es exactamente? Vamos a aclarar de qué se trata cuando hablamos de este diseño y cuáles son exactamente sus características. Una definición que vale la pena ya que a partir de ahora jugará un papel muy importante para Android.
Si no sabes exactamente a qué nos referimos cuando nombramos Material Design, aquí va una rápida guía para entender la filosofía, el origen y los detalles que caracterizan a Material Design, el nuevo diseño para Android.

¿En qué se basa Material Design?

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.

¿En qué se basa Material Design?

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.



No hay comentarios:

Publicar un comentario en la entrada