Download - ¿Qué Es Material Design?
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