Una nueva apariencia para Android: indicadores de progreso y nuevos diseños de mouse
Google realizó recientemente actualizaciones importantes en los indicadores de progreso y los ratones de Material Design 3 (MD3)
¿Sabías? Android 12 no solo trae una serie de actualizaciones de funciones principales, sino que también presenta un nuevo estilo visual, incluido el tema dinámico de Material Design. Estos nuevos diseños se fueron perfeccionando con el tiempo y continúan recibiendo actualizaciones menores. Recientemente, Google volvió a realizar cambios importantes en los indicadores de progreso y los ratones.
Material Design 3 (MD3) es la última guía de diseño para aplicaciones de Android. Google ha puesto sus muestras visuales en un micrositio para ayudar a los desarrolladores a comprender cómo se deben representar los elementos de la interfaz de usuario, como botones, botones de alternancia, elementos de la lista de verificación, etc. En diciembre del año pasado, Google anunció cambios en el diseño visual y el color de los indicadores de progreso lineales y circulares en la interfaz de usuario de Android 12. Los indicadores circulares son adecuados para su uso cuando el espacio es limitado, mientras que los indicadores lineales son adecuados para su uso cuando el ancho de pantalla disponible es mayor.
Nuevo diseño de indicador de progreso.
Gráfico: antiguo (izquierda) frente a nuevo (derecha)
Dylan Roussel vio por primera vez estos indicadores de progreso lineal recientemente diseñados en Twitter. El nuevo indicador de progreso lineal presenta el mismo color para el indicador de parada y el indicador de progreso, así como un espacio vacío entre el indicador de progreso y la pista. Este espacio en blanco separa el indicador de progreso en dos partes: la parte completada y la parte inacabada. Los puntos finales del indicador de progreso lineal están redondeados, lo que los hace más elegantes que los puntos finales cuadrados de la antigua versión Material Design 2 (MD2).
El nuevo indicador de progreso circular también tiene un espacio vacío entre la posición de las 12 en punto y el indicador de progreso. El indicador de progreso circular no tiene un indicador de parada, pero también utiliza el diseño de esquinas redondeadas del indicador de progreso lineal.
indicador de progreso de incertidumbre
Los indicadores de progreso incierto suelen aparecer cuando se desconoce el tamaño del archivo descargado, como en Chrome. En este caso, MD3 pierde el indicador de parada y agrega espacios en blanco a la izquierda y a la derecha del área deslizante. El indicador circular de progreso de incertidumbre muestra una órbita oculta y un arco giratorio.
Dallas Barnes, diseñador senior del equipo de Diseño de materiales de Google, respondió a Dylan Roussel en Twitter y mencionó que Google también hizo ajustes al mouse en diciembre. El mouse se utiliza para ajustar parámetros en escala lineal. En comparación con la versión anterior de MD12, las nuevas características de diseño son la configuración central y el mango lineal del mouse. El mango del mouse ahora es vertical en lugar de redondo.
El efecto del deslizamiento del mouse.
Cuando se hace clic o se selecciona el mango del mouse, se vuelve delgado y más alto, lo que lo hace más visible al sostener el mouse. Si deslizas el ratón hacia las dos posiciones extremas, también notarás cómo se ajusta la forma de la pista. Algunos ratones también muestran pequeños puntos para los valores de los puntos finales. Por último, algunos ratones sólo permiten el ajuste entre puntos específicos (ratones discretos), que muestran pequeños puntos espaciados uniformemente a lo largo de la trayectoria del ratón.
Mapeo de colores del mouse
Google cambió el mapeo de colores del mouse para mayor contraste y visibilidad.
