MTE explica: ¿Qué es la interfaz de Android ‘Material Design’ de Google?

Uno de los cambios más interesantes en Android 5.0 es la introducción de lo que Google llama “Material Design”, un nuevo lenguaje de diseño que determina cómo se verán las aplicaciones de la empresa en el futuro. Si sigues los blogs o sitios de tecnología de Android, es posible que hayas visto estas dos palabras pronunciadas un poco. Pero, ¿qué significan realmente?

Analicemos esto.

Piense en el diseño de materiales literalmente

La mayor parte de lo que necesita saber se explica directamente en el nombre: Material Design. La nueva interfaz de Google está diseñada para que parezca que está hecha de materiales que realmente puedes tocar. Mediante el uso de sombras y animaciones, las cosas en pantalla deberían moverse de la forma en que lo esperarías en la realidad. Cuando toca un botón, aparecen acciones adicionales debajo de él. Cuando se desliza desde la izquierda, los menús se desplazan sobre la pantalla anterior. Cuando cierra una aplicación, se desliza hacia la parte inferior de la pantalla. En cierto modo, es como interactuar con una baraja de cartas.

Así es como los desarrolladores de Google explicaron las cosas en Google I / O 2014.

>

Pero, ¿cómo se ve realmente el diseño de materiales?

Material Design toma prestado de conceptos ya aplicados al diseño de impresión (piense en revistas y periódicos). Las sombras ayudan a crear una sensación de profundidad donde no la hay, y el uso adecuado puede imitar el aspecto de los papeles apilados en varias capas.

Usando estas mismas técnicas, las aplicaciones modernas parecen tener un sentido de profundidad. La barra lateral sigue saliendo del lado izquierdo de la pantalla como antes, pero ahora debería flotar sobre la barra de acción en la parte superior de la pantalla. Muchas aplicaciones tienen un botón de acción flotante que se desplaza sobre otros elementos, y al tocarlo se pueden mostrar más opciones desde abajo.

Una marca registrada de las aplicaciones de Material Design hasta ahora han sido los colores llamativos y brillantes. Google ha ejemplificado esto en sus propias aplicaciones, con Gmail en rojo, Inbox by Gmail en azul claro y Keep en amarillo. Play Music es naranja, Play Books es azul, Play Newstand es violeta, Play Games es verde y Play Videos es rojo. La aplicación Play Store cambia entre estos cinco colores, pero eso por sí solo no es lo que la convierte en un buen ejemplo de Material Design.

>

Su aplicación puede ser gris y monótona, como la versión actual de Google Drive, y aún cumplir con las pautas de diseño. Pero los colores ayudan a establecer una idea de en qué aplicación estás y qué función estás haciendo. Entonces, si bien los colores llamativos y llamativos no son una parte inherente de Material Design, siguen siendo algo bueno para ver.

Las animaciones son clave

Es un poco desafiante transmitir Material Design en capturas de pantalla estáticas, y las animaciones son una gran razón por la cual. Para hacer que todo se sienta como material real, cada pieza de la interfaz de usuario tiene su lugar. Las aplicaciones se deslizan en la pantalla desde la parte inferior y regresan allí cuando terminan.

En la versión de Android 5.0 de Google Now Launcher, el icono del cajón de aplicaciones se transforma en la bandeja blanca que contiene sus aplicaciones. Las barras laterales, los botones y las tarjetas de información se deslizan desde algún lugar.

Estas animaciones no solo se ven atractivas, sino que ayudan a los usuarios a comprender lo que está sucediendo. Tener una página de una aplicación deslizándose hacia otra transmite que está viendo un conjunto diferente de información ahora, mientras que tener la pantalla parpadeando y cambiando instantáneamente podría parecer el resultado de una falla.

Las animaciones muestran cómo los diferentes aspectos de la interfaz de usuario responden a nuestro toque, y esto es cada vez más importante a medida que nos alejamos de los dispositivos con métodos de entrada físicos. Necesitamos saber qué está pasando mientras tocamos diferentes partes de la pantalla.

>

El diseño de materiales no se trata solo de Android

Si bien el nuevo lenguaje de diseño de Google está provocando la mayor emoción en su plataforma móvil, eso no refleja sus orígenes. Este esfuerzo surgió de los desafíos encontrados para crear sitios web que se escalan en diferentes tamaños de pantalla. El gigante de las búsquedas quiere que la apariencia se transforme entre factores de forma, con personas capaces de navegar por un dispositivo utilizando la información que aprendieron de otro. Ya puedes ver Material Design en las versiones web de Keep , Drive e Inbox by Gmail . También se espera que aparezca de manera más prominente en Chrome OS.

¿Dónde puedo encontrar Material Design en Android hoy?

Los dispositivos Nexus que se envían con Android 5.0 ya brindan una experiencia material completa. La última versión del sistema operativo también ha comenzado a implementarse en teléfonos y tabletas Nexus y Motorola. Las personas sin Android 5.0 no tienen por qué prescindir. Muchas de las aplicaciones de Google ya han realizado la transición y están disponibles directamente en Play Store. También puede consultar nuestra lista de otras ocho aplicaciones que ya muestran Material Design .

Y si es un desarrollador de aplicaciones de Android, Google ha lanzado una lista de verificación de Material Design que puede ayudarlo a asegurarse de que está haciendo todo bien. Google también ha proporcionado un sitio web que presenta las cosas claramente para la gente promedio .

Si tiene preguntas sobre Material Design, no dude en preguntar en los comentarios a continuación.

Créditos de imagen: desarrolladores de AndroidGoogle

¡Si te ha gustado vota con 5 Estrellas!
(Votos: 0 Promedio: 0)

Escribe Aquí Tu Comentario