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.

material

* * *

Superficie

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

surfaces

* * *

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.

dimensionality

* * *

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.

adaptive design

* * *

Contenido en Negrita

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

content

* * *

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 .

color

* * *

Usuario inicia cambios

Las acciones de los usuarios provocan cambios.

change

* * *

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.

animation

* * *

Movimiento

El movimiento es significativo y apropiado.

meaningful motion

* * *

Mejores Dribbble Shots de Material Design

Material Design with Framer.js

mt-music

* * *

Material Calculator

calculatorrender

* * *

Emailer

3

* * *

Evernote Redesign , Material Design

evernote

* * *

Aerospace Material Client Redesign

abc-industry-redesign

* * *

Material Design Chat

mat_1x

* * *

Music player Material Design

material_1x

* * *

Airbnb Card

airbnb-card_1x

* * *

Spotify Material Design

spotify_material_design

* * *

Facebook Material Design

Fullpixel_Facebook

* * *

Material design in the I/O app

ioschedmaterialdesignsurface

* * *

Material Design’ish – Mock Up

material-ish-mock-up-large

* * *

Button

button

* * *

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


Diane Parks

Diane trabja como una redactora del blog MonsterPost España desde hace muchos años. No imagina su vida sin escribir, aprender algo nuevo cada día, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. ¡Síguela en Facebook!