¿Qué es el Material Design?
El nuevo lenguaje visual desarrollado por Google combina características de los objetos reales con las posibilidades de la tecnología en un diseño simplista enfocado a apoyar y orientar al usuario. Si bien aún no se masifica, promete convertirse en la próxima tendencia.
Una de las tendencias de diseño web para 2014 analizada en nuestro artículo de comienzos de año es la de apuntar hacia un minimalismo extremo, representado en el concepto de Flat Design. Esto viene a quebrarse con el patrocinio del gigante Google, quien introduce un nuevo concepto: Material Design.
Se trata de un lenguaje de diseño limpio donde predominan las animaciones y transiciones de respuesta, el relleno y los efectos de profundidad como la iluminación y las sombras. El material design es el plato fuerte del anuncio del nuevo Android Lollipop, la última versión de este sistema. Además, ya fue usado en Google Drive y eventualmente será aplicado a todos los productos de la empresa.
Pero el material design no se queda solo en los productos propios. La empresa lanzó una API para que desarrolladores externos puedan incorporarlo a sus aplicaciones. El objetivo es simplificar y estandarizar la plantilla gráfica de Android, dictando las reglas para mantener una coherencia a través de todas las formas y tamaños posibles, adelantándose así a los futuros productos como lentes y relojes inteligentes.
¿Cuál es su relación con el Flat design?
Los conceptos de “ventana”, “carpeta” o “escritorio” están en retirada en el mundo del diseño digital. El Flat design deja fuera todas las decisiones de estilo que dan la ilusión de tridimensionalidad, como son las texturas, gradientes y sombras, y se enfoca en el uso minimalista de elementos simples, tipografías y colores planos.
El Material design es una aplicación del flat design que trae de vuelta la idea física de los materiales. La premisa central de este lenguaje es que percibir la forma tangible de un objeto nos ayuda a entender cómo manipularlo. La forma y el movimiento nos entregan información sobre el peso, la rigidez y el tamaño de los elementos y secciones. Además, le dan una lógica comprensible a las interacciones e invitan al usuario a explorar las posibilidades del programa o aplicación. En términos estéticos, el gran cambio está en el estilo visual.
Principios del material design
Para ayudarnos a entender los conceptos en los que se basa este lenguage, Google definió tres principios:
La metáfora de lo material
Lo material está unido a la realidad táctica. Las superficies y bordes entregan claves visuales que se basan en lo real y el uso de atributos familiares ayuda a los usuarios en el entendimiento veloz de las posibilidades de cada elemento. Al combinar esto con el diseño digital, la flexibilidad de lo material va más allá de los límites que impone el mundo físico, rompiendo las reglas pero a la vez siguiendo la misma lógica.
La luz, superficies y movimientos son la clave para entender cómo los objetos se mueven e interactúan en la realidad y esto se debe aplicar al mundo digital.
Destacado, gráfico e intencional
Las elecciones de color, imágenes de borde a borde, tipografías de gran tamaño y espacios blancos están orientados a crear una interfaz gráfica vigorosa que sumerge al usuario en la experiencia. Se pone énfasis en hacer que la funcionalidad sea inmediatamente distinguible y guíe al usuario.
El movimiento entrega significado
El usuario debe ser siempre el principal al mando. Por ejemplo, cuando inician un movimiento, el diseño se transforma para reforzar esta idea. Los objetos se presentan sin romper la continuidad incluso cuando el usuario mueve y reorganizan cosas.
No queda más que esperar las posibilidades que brindará este nuevo concepto de diseño digital en las aplicaciones no desarrolladas por Google. Puedes revisar la documentación oficial de este nuevo lenguaje en el sitio de Google y una explicación detalla sobre sus principios en Youtube. Además, para apoyar su aplicación y difusión, hace unos días se puso a disposición de diseñadores y desarrolladores una colección de 750 íconos.
Acerca del Autor
Agregar un comentario