Mobile buttons with the same color as canvas background

I am designing a mobile UI and I was wondering if having the buttons the same color as the canvas background is bad visual design? There will be a border around the buttons so it will be noticeable to see that they are buttons but will that potentially confuse a user? Here is an image:

enter image description here

enter image description here

Answer

It isn’t “bad visual design” necessarily, but I recommend you try one of the following:

  • invert the buttons so the button background is orange and labels are white — maybe try the labels in black also, maybe at 70% opacity

  • color the entire background orange.

If you make the above alternates and then put all 3 on screen and stand way back about 3–4 meters, you might see that one of them remains very obvious and the others do not.

Attribution
Source : Link , Question Author : Ralphunreal , Answer Author : Simon White

Leave a Comment