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.
[Link]
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
[Link]
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.
[Link]
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
[Link]
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.
[Link]
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?
[Link]
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
[Link]
7/7
