Blog de TemplateMonster

Nuevo Diseño de Google para Android: Material Design

Google presentó la nueva tendencia de diseño llamada 'material design'. Generalmente se trata de una combinación de varias nociones y principios de diseño que ya hemos visto, pero nunca utilizamos como un complejo. O riginalmente material design fue creado para Android. Pero hay muchos diseñadores que han adaptado esta idea para usarla en sitios web que crean.


Ahora vamos a hablar de esta tendencia, sus principios básicos y compartir unas cosas de 'material design' de PrimarySource.

¿Qué es Material Desing?

Material design de Google es una teoría unificadora de espacio racionalizado y sistema de movimiento.

Principios de Material Desing

Material

El material se basa en la realidad táctil y es inspirad0 por papel y tinta, pero abierto a la imaginación y la magia.

* * *

Superficie

Las superficies y los bordes ofrecen pistas visuales que se basan en nuestra experiencia de la realidad.

* * *

Interacción

Debido a los fundamentos de la luz y la superficie, la iluminación realista muestra las costuras, divide el espacio y destaca partes que se mueven.

* * *

Diseño adaptativo

Cada dispositivo refleja presentación diferente del mismo sistema, cada de esas presentaciones se adapta al tamaño y la interacción del dispositivo específico.

* * *

Contenido en Negrita

El diseño en negrita crea la jerarquía, el significado y el enfoque.

* * *

Color, superficie e iconos 

La acción del usuario es la esencia de la experiencia del diseño, las acciones principales son los puntos de inflexión que pueden transformar todo el diseño .

* * *

Usuario inicia cambios

Las acciones de los usuarios provocan cambios.

* * *

Animación

Todas las acciones se realizan en un único entorno, los objetos son presentados de una manera que no permite perder la continuidad de la experincia.

* * *

Movimiento

El movimiento es significativo y apropiado.

* * *

Mejores Dribbble Shots de Material Design

Material Design with Framer.js

* * *

Material Calculator

* * *

Emailer

* * *

Evernote Redesign , Material Design

* * *

Aerospace Material Client Redesign

* * *

Material Design Chat

* * *

Music player Material Design

* * *

Airbnb Card

* * *

Spotify Material Design

* * *

Facebook Material Design

* * *

Material design in the I/O app

* * *

Material Design’ish – Mock Up

* * *

Button

* * *

Fuente: "Dribbble Shots: Material Design Inspiration" por Alex Bulat