14/1/2015

Aplicaciones

QuesMaterialDesign?

Juegos

Smartphones

Tablets

Imprescindibles

Wear

Comunidad EAL

Buscar...
Megusta

RESULTADOS PREMIOS EAL 2014: MEJORES

APLICACIONES Y JUEGOS DEL AO

LAS MEJORES APLICACIONES ANDROID PARA

TABLETS

Seguir

YouTube

LOS 50 MEJORES JUEGOS PARA ANDROID

Qu es Material Design?

35
comentarios

Enrique Prez
Escrito el 9/11/2014 - 23:07

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 diseo y
cules son exactamente sus caractersticas. Una denicin que vale la pena ya que a
partir de ahora jugar un papel muy importante para Android.
Las cookies son necesarias para el funcionamiento del sitio. Al acceder a El Androide Libre,

Si no sabes exactamente a qu nos referimos cuando nombramos Material Design, aqu

acepta el uso de ellas.

Aceptar

Ms informacin

va una rpida gua para entender la losofa, el origen y los detalles que
caracterizan a Material Design, el nuevo diseo para Android.

Material Design, el nuevo diseo de Android 5.0

Durante el pasado Google I/O 2014, la conferencia que da Google cada ao, se nos
presentaron muchas novedades siendo una de ellas este nuevo diseo. Material Design
es un concepto, una losofa, unas pautas enfocadas al diseo utilizado en
Android, pero tambin en la web y en cualquier plataforma. El encargado de crear

APLICACIONES IMPRESCINDIBLES
LOS MEJORES JUEGOS ANDROID
LAS MEJORES APPS DE FOTOS

Material Design y mximo responsable de diseo en Google es el chileno Matas Duarte.

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

1/7

14/1/2015

QuesMaterialDesign?
LIMPIA Y OPTIMIZA TU ANDROID
TRUCOS PARA TU ANDROID
ANDROID ROOT
MEJORES NAVEGADORES ANDROID
VDEOS Y ANLISIS DE TERMINALES

Histricamente Android ha tenido diseo Holo, a partir de ahora el nuevo estilo y la

tendencia en Android es Material Design y tenemos que decir que nos gusta mucho.
Veamos cmo es y por qu detalles se caracteriza.

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 diseo donde la profundidad, las supercies, los bordes, las sombras y los
colores juegan un papel principal.
Precisamente este diseo basado en objetos es una manera de intentar aproximarse a la
realidad, algo que en un mundo donde todo es tctil y virtual es difcil. Material Design
quiere guiarse por las leyes de la fsica, donde las animaciones sean lgicas, los
objetos se superpongan pero no puedan atravesarse el uno al otro y dems.
Cmo se traslada esto a Android? Pues bsicamente delimitando claramente el tipo de

ARTCULOS MS COMENTADOS
POR QU MI MVIL ANDROID NO

97

JE SUIS CHARLIE

90

CMO USAR CHROMECAST QU H86

MONUMENT VALLEY Y EL PROBLEMA

77

mens, los botones y los tipos de imgenes a elegir.

UBER CIERRA EN ESPAA 70

TEMAS DESTACADOS
Android

Aplicaciones

Samsung

aplicaciones android

Actualizacion

Juegos

Smartphone
HTC
LG

Sony

google play
Motorola

Root

Fotograa

nexus

Seguridad

personalizacin
bateria
launcher
desarrollo

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

Google

Tablet

Jelly Bean

Opinin
Msica

Tablets

Facebook
KitKat

Mviles

2/7

14/1/2015

QuesMaterialDesign?

Elementos ordenados e imgenes claras

Material Design es un diseo con una tipografa clara, casillas bien ordenadas,
colores e imgenes llamativos para no perder el foco y un sentido del orden y la
jerarqua muy marcado. Estas ideas ya se aplican en muchos diseos, pero en Material
Design Google ha creado unas normas muy claras de como llevarlo a la prctica.

Luz y sombras dan sensacin de jerarqua

Uno de los elementos clave es la luz y las sombras. Una iluminacin realista proporciona
indicios de cmo 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 adems de tener un fondo ms claro proyecta su sombra
sobre el panel principal, dando la sensacin 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 signica
que est llamando tu atencin, un elemento que se expande es que se acaba de abrir.
Todos estos movimientos se crean en una direccin determinada, nuevamente explicada
en la gua de Material Design.

Qu es y qu no es Material Design?
A continuacin os dejamos una serie de imgenes con lo que es y lo que no es
Material Design. Las hemos extrado de la completa gua de diseo de Google, son
casos muy concretos pero nos servir para ejemplicar que no todo lo que parece
Material realmente lo es.
No todos los botones otantes sirven, no todas las imgenes a pantalla completa son
tiles, los iconos deben ser planos os dejamos la galera y recomendamos intentar
averiguar cul es el motivo por el que una es correcta y la otra no.

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

3/7

14/1/2015

QuesMaterialDesign?

Animaciones y movimiento, el elemento ms

caracterstico
Seguidamente aqu van una serie de gifs donde vemos las animaciones de Material
Design. Es importante jarse en el tiempo en que aparecen las cosas, primero imgenes
y luego botones otante.
Tambin en la velocidad, ya que los elementos no aparecen de repente. Finalmente est
la direccin desde la que aparecen ya que con ese movimiento se est indicando al
usuario de donde proviene la informacin. Sin duda las animaciones son uno de los
aspectos ms llamativos de Material Design.
UnripeFatherlyLaughingthrush

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

4/7

14/1/2015

QuesMaterialDesign?

TepidHeavenlyDove

UntidyWhimsicalHapuku

Material Design, un diseo adaptado para todo tipo de

pantallas
No debemos pensar en Material Design como ese diseo destinado para las aplicaciones
mviles de Android. De hecho, es multiplataforma. Tantos los smartphones, tablets,
smartwatches o televisores pueden hacer uso de este diseo. Tambin las pginas 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 tamao de pantalla. Precisamente esa transversalidad es su
punto fuerte.
Los usuarios de Android ya podemos disfrutar de una larga lista de aplicaciones
actualizadas con algunos elementos de Material. Es verdad que todava hay muchas
incongruencias y fallos, y otras muchas solo han incorporado detalles, pero los
esquemas estn claros y solo es cuestin de tiempo que los desarrolladores sepan
aplicar este diseo y adaptarlo a su aplicacin.

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

5/7

14/1/2015

QuesMaterialDesign?

layout_structure_sidenav_structure4

Uno de los puntos ms criticados de las apps con Material Design es que parece que
todas sean iguales, pero esto es simplemente porque en esta fase inicial se estn
aplicando los modelos bsicos. No dudamos que a medida que los desarrolladores y
diseadores empiecen a entender Material Design aparecern los primeros
trabajos verdaderamente originales.
Material Design es probablemente el cambio ms importante de Android 5.0 Lollipop. Un
cambio que no solo afecta a Android, tambin dene un poco la estrategia de
Google.

Material Design, vdeo y documentacin ocial

Si queris ver todava ms informacin os dejamos al nal los trabajos de Dribble y la
documentacin ocial. Tambin un vdeo muy llamativo que ya pudimos ver en el que se
muestran esas formas, esos colores y esos elementos tan caractersticos de Material
Design, el nuevo diseo de Android que intenta imitar la fsica de los objetos materiales.
Qu os parece Material Design? Cul es el aspecto que ms dudas os genera? Creis
que terminar triunfando en todas las apps de Android?

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

6/7

14/1/2015

QuesMaterialDesign?

Imagen cabecera Gabe Will

Ms informacin Google Material Design | Dribble
499

32

Megusta

Compartir

Destacados

Opinin

501

187

Twittear

Personalizacin
PUBLICIDAD

Artculo anterior

Artculo siguiente

Las mejores aplicaciones para hacer

TimeLapse en Android

Motorola Moto Maxx no llegar a

Europa

Artculos relacionados

Liberar Android

Imprescindibles

Accesorios

Programacin

Redeslibre

Para Principiantes

Otros android

Contacta con EAL

El Androide Libre, la Web / Blog de referencia Android en espaol.

Noticias, aplicaciones, juegos, telfonos mviles... todo sobre Android y el SO de Google, Nexus, Samsung, Root y mucho ms.
Creative Commons 2.5 | Desarrollo web: Ismael Ortiz Osuna | Informacin Legal

http://www.elandroidelibre.com/2014/11/queesmaterialdesign.html

7/7