Muchas personas hoy en día buscan inspiración en hermosas implementaciones de Material Design en aplicaciones móviles.
Sí, Material Design surgió y cambió la historia del diseño, y en los últimos dos años ha sido bastante popular en el diseño de aplicaciones móviles y hay muchas implementaciones hermosas de Material Design en aplicaciones móviles.
Pero antes de eso, entendamos qué es Material Design y por qué se ha convertido en el lenguaje de diseño más popular y exitoso.
¿Qué es el diseño de materiales?
Material Design es un lenguaje de diseño desarrollado en 2014 por Google. Al desarrollar los temas de «tarjetas» que debutaron en Google Now, Material Design hace un uso más liberal de diseños basados en cuadrículas, animaciones y transiciones receptivas, relleno y efectos de profundidad como luces y sombras.
A partir de 2015, la mayoría de las aplicaciones móviles de Google para Android han adoptado el nuevo lenguaje de diseño, incluidos Gmail, YouTube, Google Drive, Google Docs, Sheets & Slides, Google Maps, Inbox.
Todas las aplicaciones bajo la marca Google Play y, en menor medida, el navegador Chrome y Google Keep. También se incluye en las interfaces web computarizadas de Google Drive, Docs, Sheets, Slides e Inbox.
La implementación canónica de Material Design para interfaces de usuario de aplicaciones web se llama Polymer.
Consiste en la biblioteca Polymer, una corrección que proporciona la API de componentes web para navegadores que no implementan el estándar de forma nativa y un catálogo de componentes, que incluye una «colección de elementos en papel» que contiene elementos visuales de Material Design.
El sistema, que se enfoca en diseños basados en cuadrículas, efectos de transición y profundidad, pronto se abrió paso en las aplicaciones de Android y llevó el sistema al estándar de diseño de iOS.
Principios del diseño de materiales.
Inspiración visual
Google usa el término «realidad táctil» para describir su filosofía de diseño porque las superficies y los bordes en el diseño de materiales están inspirados en estudios reales de papel y tinta.
Esto ayuda a los usuarios a comprender visualmente la interfaz digital en su pantalla sin ninguna dificultad. El diseño integrado en la realidad hace que los objetos en la pantalla sean reconocibles y fáciles de interactuar.
Estética atrevida
La elección de colores en el diseño de materiales es atrevida y reflexiva. Los llamativos esquemas de color funcionan junto con técnicas fundamentales de diseño basadas en impresión para sumergir al usuario en la experiencia.
El espaciado específico, las imágenes de borde a borde y la tipografía grande se utilizan para enfatizar la acción del usuario. De esta forma, el usuario comprenderá rápidamente el propósito y la funcionalidad de la interfaz en su pantalla.
Publicación relacionada: Los errores más comunes en el diseño de aplicaciones móviles
Significado creado por el movimiento.
En lugar de animaciones artificiales y mecánicas, el movimiento en el material de diseño parece fluido y natural. Google recomienda hacer esto de dos maneras diferentes:
- Aceleración y desaceleración naturales: para evitar movimientos no naturales, los elementos de la página deben acelerar y desacelerar suavemente. Los arranques, paradas y cambios de dirección repentinos irritan y distraen al usuario.
- Continuidad Visual: La transición entre los dos estados visuales debe ser suave y fácil, para que el usuario no se desvíe del camino. Demasiadas campanas y silbatos como un sitio web o aplicación cruza de un lado a otro son innecesarias.
- Timing jerárquico: los elementos que contienen el contenido más importante deben enfatizarse colocándolos en el camino más fácil que el ojo pueda seguir. En otras palabras, es importante prestar atención a los elementos importantes.
- Coreografía consistente: los elementos animados no deben cruzarse al azar, ya que pueden distraer. En su lugar, deben seguir caminos ordenados que tengan sentido.
Material Design no solo crea orden, sino que crea orden con propósito y significado. Es una expresión sensual de la marca Google.
Si encuentra una compra, podría ser la primera gran amenaza para el aparente monopolio de Apple sobre la sublime experiencia del usuario. Como admirador de iPhone, debo admitir que esta es la primera vez que comencé a mirar de reojo a Android.
La naturaleza paralizante de Material Design es la respuesta a dos hechos:
- Si un desarrollador puede arruinar la interfaz de usuario, lo hará.
- La alternativa al buen diseño no es no tener diseño, es mal diseño.
Estas son algunas de las implementaciones más hermosas de Material Design en aplicaciones móviles.
Quién puede implementar mejor Material Design que quienes lo crearon. Google Calendar es una de las implementaciones de Material Design más hermosas en aplicaciones móviles. Con más de 1,000,000 de descargas, seguramente hará que comience la fiesta.
Calendario de Google
Para empezar, la aplicación de Google finalmente ha abandonado el diseño skeuomorph convencional que utilizan la mayoría de las aplicaciones de calendario, que imita el diseño de un planificador físico.
Ya no hay limitaciones asociadas con tener que escribir nuestro horario en papel. Google Calendar está organizado verticalmente y coloca el día actual en la parte superior de la página.
De esta manera, solo verá los próximos días y eventos. Los días de nada se condensan, lo que mejora aún más la experiencia para mostrar solo lo que es realmente útil.
Este único cambio en la interfaz permite al mismo tiempo que el usuario permanezca en el centro de la experiencia, haciendo que la interfaz de usuario se mueva a su alrededor. Agregue un poco de desplazamiento de paralaje y obtendrá una aplicación realmente excelente que se mantiene unida.
Evernote
Evernote suele recibir elogios por su enfoque del diseño de materiales y es un ejemplo llamativo de hermosas implementaciones de Material Design en aplicaciones móviles.
La aplicación tiene un esquema de color fuerte y consistente y está tan bien diseñada como funcional. Los íconos indican de manera clara y efectiva si se trata de una nota de texto, una nota escrita a mano o una foto que desea tomar.
El ícono de Elefante es simple y elegante, y el sitio web, iOS y las aplicaciones de Windows 10 están diseñados y presentados con el mismo cuidado.
Salud de Microsoft
Microsoft Health es en realidad uno de los mejores ejemplos en Play Store.
La aplicación está diseñada para funcionar con Band Fitness Tracker y muestra todas sus estadísticas en un diseño vertical simple junto con iconos blancos planos. Al hacer clic en uno de estos encabezados, se «abrirá» un panel para mostrar las estadísticas.
La interfaz de usuario es excelente para obtener una vista previa rápida y puede profundizar si es necesario, lo cual es un sello distintivo de un buen diseño de aplicaciones.
Fantástico: motívame
Mucha gente cree que Fabulous: Motivate Me es la implementación más precisa y reflexiva del diseño de materiales en aplicaciones móviles.
La aplicación explora los nuevos principios de diseño de materiales en todas las formas normales con imágenes planas y nítidas y colores llamativos, pero también tiene algunas de las animaciones más atractivas en Play Store.
La lista no estaría completa sin la aplicación móvil Facebook Live.
La aplicación es un ejemplo muy minimalista pero efectivo de Material Design. Usa el sombreado de una manera que normalmente no es visible; usando sombras claras en lugar de oscuras para proporcionar profundidad.
Hace un uso interesante de la iconografía, la animación y el diseño de interacción, los aspectos clave del Material.
