Botones del móvil con el mismo color que el fondo del lienzo

Estoy diseñando una interfaz de usuario móvil y me preguntaba si tener los botones del mismo color que el fondo del lienzo es un mal diseño visual. Habrá un borde alrededor de los botones, por lo que se notará que son botones, pero ¿eso podría confundir al usuario? Aquí hay una imagen:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

En mi opinión, parecen botones muy bien. Sin embargo, no es muy atractivo a la vista.
Rellenar el color como en el segundo ejemplo deja más claro que son botones

Respuestas (3)

No es necesariamente un "mal diseño visual", pero te recomiendo que pruebes uno de los siguientes:

  • invierta los botones para que el fondo del botón sea naranja y las etiquetas sean blancas; tal vez pruebe las etiquetas en negro también, tal vez con una opacidad del 70%

  • colorea todo el fondo de naranja.

Si hace las alternativas anteriores y luego pone las 3 en la pantalla y retrocede unos 3 o 4 metros, es posible que vea que una de ellas sigue siendo muy obvia y las otras no.

Probé los fondos de los botones en naranja con los íconos y el texto en blanco. Los botones se ven mucho mejor visualmente de esta manera, pero me preocupa que el encabezado también sea naranja. Quiero que el encabezado naranja sea consistente con todos los demás encabezados que estarán en mis otras maquetas de este proyecto. Acabo de poner una imagen de cómo se ve ahora, lo único que me preocupa es que ahora puede haber demasiado naranja. ¿Qué piensas?

La sugerencia de Simon White se ve mejor. ¿Alguna razón en particular para usar un solo color? (excepto los bordes oscuros). De lo contrario, puede consultar los sitios web de paletas de colores como coolors.co o adobe color . Usualmente uso al menos 3 colores, incluso en un diseño en blanco y negro, tener un gris claro/oscuro hace mucha diferencia.

Si todavía tiene ganas de usar bordes, haría que el borde fuera más grueso, también haría que el título estuviera en mayúsculas y las etiquetas de los botones en mayúsculas. Algo como esto:

ingrese la descripción de la imagen aquí

Puede confundir a los mayores, pero si se dirige a personas más jóvenes que están bastante familiarizadas con la tecnología móvil, no los confundirá. Créame, he visto un diseño de interfaz de usuario terrible y la gente aún logró usarlo.