14/1/2015 ¿Qué es Material Design?

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

Aplicaciones Juegos Smartphones Tablets Imprescindibles Wear Comunidad EAL

Durante las últimas semanas hemos hablado mucho de Material Design. ¿Pero qué esexactamente? 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 ïlosofía, el origen y los detalles quecaracterizan a Material Design, el nuevo diseño para Android.

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 Designes un concepto, una ïlosofía, unas pautas enfocadas al diseño utilizado enAndroid, 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.

APLICACIONES IMPRESCINDIBLES

LOS MEJORES JUEGOS ANDROID

LAS MEJORES APPS DE FOTOS

Buscar...

Me gusta Seguir YouTube

RESULTADOS PREMIOS EAL 2014: MEJORESAPLICACIONES Y JUEGOS DEL AÑO

LAS MEJORES APLICACIONES ANDROID PARATABLETS

LOS 50 MEJORES JUEGOS PARA ANDROID

¿Qué es Material Design? 35comentarios

Enrique PérezEscrito el 9/11/2014 - 23:07

Las cookies son necesarias para el funcionamiento del sitio. Al acceder a El Androide Libre,acepta el uso de ellas. Aceptar Más información

14/1/2015 ¿Qué es Material Design?

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

Históricamente Android ha tenido diseño 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 cómo 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 diseño donde la profundidad, las superïcies, los bordes, las sombras y loscolores 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, losobjetos 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.

LIMPIA Y OPTIMIZA TU ANDROID

TRUCOS PARA TU ANDROID

ANDROID ROOT

MEJORES NAVEGADORES ANDROID

VÍDEOS Y ANÁLISIS DE TERMINALES

ARTÍCULOS MÁS COMENTADOS

TEMAS DESTACADOS

Android Aplicaciones Google

Samsung aplicaciones android

Actualizacion Juegos google play

Smartphone Sony Motorola

HTC Root Fotogra─�a Tablet

LG nexus Seguridad

personalización Jelly Bean Tablets

bateria Opinión Facebook

launcher Música KitKat

desarrollo Móviles

POR QUÉ MI MÓVIL ANDROID NO 97

JE SUIS CHARLIE 90

CÓMO USAR CHROMECAST ¿QUÉ H86

MONUMENT VALLEY Y EL PROBLEMA77

UBER CIERRA EN ESPAÑA 70

14/1/2015 ¿Qué es Material Design?

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

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 entiendeque 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 signiïcaque 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?

A continuación os dejamos una serie de imágenes con lo que es y lo que no esMaterial Design. Las hemos extraído de la completa guía de diseño de Google, son

casos muy concretos pero nos servirá para ejemplificar que no todo lo que pareceMaterial realmente lo es.

No todos los botones flotantes sirven, no todas las imágenes a pantalla completa son

útiles, los iconos deben ser planos… os dejamos la galería y recomendamos intentar

averiguar cuál es el motivo por el que una es correcta y la otra no.

14/1/2015 ¿Qué es Material Design?

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

Animaciones y movimiento, el elemento máscaracterístico

Seguidamente aquí van una serie de gifs donde vemos las animaciones de MaterialDesign. 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.

UnripeFatherlyLaughingthrush

14/1/2015 ¿Qué es Material Design?

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

TepidHeavenlyDove

UntidyWhimsicalHapuku

Material Design, un diseño adaptado para todo tipo depantallas

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 supunto fuerte.

Los usuarios de Android ya podemos disfrutar de una larga lista de aplicacionesactualizadas con algunos elementos de Material. 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 sepanaplicar este diseño y adaptarlo a su aplicación.

14/1/2015 ¿Qué es Material Design?

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

layout_structure_sidenav_structure4

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 ydiseñadores empiecen a entender Material Design aparecerán los primerostrabajos verdaderamente originales.

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

Material Design, vídeo y documentación oïcial

Si queréis ver todavía más información os dejamos al final los trabajos de Dribble y la

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.

¿Qué os parece Material Design? ¿Cuál es el aspecto que más dudas os genera? ¿Creéis

que terminará triunfando en todas las apps de Android?

14/1/2015 ¿Qué es Material Design?

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

Imagen cabecera Gabe WillMás información Google – Material Design | Dribble

499

Me gusta Twittear

501 187

Destacados Opinión PersonalizaciónPUBLICIDAD

Artículo anterior Artículo siguiente

Las mejores aplicaciones para hacerTimeLapse en Android

Motorola Moto Maxx no llegará aEuropa

Artículos relacionados

Liberar Android Imprescindibles Accesorios Programación Redeslibre Para Principiantes Otros android Contacta con EAL

El Androide Libre, la Web / Blog de referencia Android en español.Noticias, aplicaciones, juegos, teléfonos móviles... todo sobre Android y el SO de Google, Nexus, Samsung, Root y mucho más.

Creative Commons 2.5 | Desarrollo web: Ismael Ortiz Osuna | Información Legal

32

Compartir