¿Estoy abusando de los degradados?

Me gustaría saber cómo se ve esto y una crítica general, pero solo responder la pregunta en el título es suficiente (:

Entonces, en esta pantalla, el usuario seleccionaría lo que quiere anunciar, todo lo que se muestra es un 'seguimiento de progreso' y los botones que el usuario seleccionará. Ambos están hechos de degradados, por lo que me gustaría saber si los degradados son demasiados o si debería diseñarlo de otra manera.

Así es como se ve:Pantalla

Y así es como se vería la animación (los colores no deberían cambiar en el rastreador de progreso, pero el efecto que busco es que el usuario esté "revelando" el degradado).

ingrese la descripción de la imagen aquí

Editar:

Seguí tus recomendaciones, ¿es mejor? Personalmente, me gusta mucho cómo se ve el semicírculo con una parte del ícono que sobresale en la parte superior, pero realmente no sigue su consejo de 'encerrar' el ícono, ¿se ve bien? ¿El usuario lo reconocerá como un botón?

ingrese la descripción de la imagen aquí

Edición 2: cambié a círculo y decidí usar el color más brillante del círculo de "revelación" en la parte superior como color de acento para cada pantalla (así que a medida que avanza, el color de acento se oscurecerá, espero que sea comprensible).ingrese la descripción de la imagen aquí

Respuestas (3)

El principal problema que veo con esto es que el contorno de los botones no es consistente, lo cual es lógico cuando tienes diferentes formas, pero creo que agregar alguna forma básica que encierre el ícono (círculo, cuadrado redondeado, ...) sería haz que se vean más como un botón. Especialmente en dispositivos móviles, donde todo está más orientado a los botones.

En cuanto al gradiente, no me importa mucho. Personalmente, no lo usaría en los íconos y trabajaría en ellos más de la manera indicada anteriormente. Lo que me gusta es la idea de "revelar" en el rastreador de progreso.

¡Gracias por responder! Edité mi publicación, ¿qué opinas?
Sí, funciona la versión con el botón redondo. Depende de usted agregar un poco de sombra para que sea más fácil hacer clic, pero ahora definitivamente se ve como un botón.

Probablemente no se use en exceso, ya que el área cubierta por los gradientes no es tan grande. Pero yo diría mal uso, ya que estos íconos realmente no necesitan estar rellenos de degradado, ya que son bastante pequeños y no desea que los degradados restrinjan la visibilidad.

Tal vez mantenga el gradiente para la barra de progreso 1-2-3-4, eso tiene sentido, pero definitivamente no para los 4 íconos grandes a continuación.

Además, eliminaría por completo las sombras alrededor de los íconos más grandes y tal vez intentaría colocarlos dentro de una forma circular delgada similar a un botón. La sombra realmente no es necesaria ya que los íconos son lo suficientemente nítidos contra el fondo gris claro.

PD. echa un vistazo a la interfaz de Revolut

re: sombras, estaría de acuerdo. Los degradados no parecen superficiales, pero las sombras sí.
¡Gracias por responder! Edité mi publicación, ¿qué opinas?
Mejor, pero igual los haría redondos. Nada grita 'botón' más que una mancha circular. No intentes reinventar la rueda, supongo.
Tiene sentido. Editado una vez más, me encantaría que compartieras tu opinión (:
Aún mejor ahora.

Si cree que usar el mismo degradado en cada logotipo es demasiado visualmente repetitivo, simplemente puede usar el degradado en todos los íconos (como se muestra) para una sensación más unificada.

ingrese la descripción de la imagen aquí

¿Estoy abusando de los degradados?
RespuestasAquíPolítica de privacidad1y, 0v