Material Design, el nuevo lenguaje de diseño de Google

· Por Pablo Rozin

Características

En el Google I/O 2014 se presentaron muchas cosas novedosas, dando incapié, como se viene haciendo en los últimos años, al desarrollo móvil que está en constante crecimiento, pero, también, tratando de unificar un poco los distintos dispositivos y sus desarrollos con un nuevo "lenguaje visual" al que Google nombró Material Design.

A demás de la unificación, la idea de Material Design es también darle importancia a un nuevo sistema de diseño en 3D, en el que, mediante sobras, se le puede dar profundidad a los elementos y, así, hacerlos más intuitivos. Obviamente es responsive, algo totalmente imprescindible para poder llevarlo a cualquier dispositivo, y tiene una serie de normas a seguir para su correcta aplicación.

Material Design, el nuevo lenguaje de diseño de Google

Otros puntos importantes dentro de Material Design son la tipografía, la iconografía y las animaciones. Aparecen jerarquías tipográficas que juegan con los cuerpos y tamaños de los títulos y contenidos, pero no solo por lo atractivo, sino dándole un sentido a su uso. Roboto sigue siendo la tipografía por excelencia, pero se le hicieron algunas modificaciones para que funcione correctamente en todos los dispositivos. Los íconos dejan de ser planos y pasan a tener cuerpos, a resaltar dentro de sus contenedores. Se intenta imitar, mediante animaciones, las interacciones de los objetos en la vida real, logrando hacer las interfaces mucho más intuitivas y armónicas.

A futuro

Gmail, Maps, Calendar y el resto de aplicaciones de Google utilizarán Material Design a futuro, teniendo como muestra Inbox de Google. El proceso del rediseño pasa por añadirles un color vivo y diferenciar las distintas superficies con paneles planos. La interfaz será consistente en todas las pantallas.

Para desarrolladores

Polymer, el framework de Google para diseñadores, ya há sido actualizado para respetar las normativas de Material Design.

Por otro lado, Android L Developer Preview tendrá soporte para Material Design, una de sus características será el manejo de sombras en tiempo real para crear los efectos 3D y el manejo de animaciones.

Estamos listos para el próximo desafío: el tuyo.
Contactanos