How should I format/design this UI?

Hi! I recently made a Stage Lighting System, however the UI looks horrible and clearly not put together well. I am not the best at thinking of good UI designs, and I am not in my creative mind today.

Anyways, below is the current UI. I would like a new design thought on a more modern/cool look. Any ideas?

and yes, that does take nearly half the screen…

Have a UI menu so it’s not half the screen. Give the UI a cool shape, or even roundify if need be. The text is also really big (especially the Fade Out button) and instead of a color circle, I recommend using an RGB inputter.

1 Like

I would recommend using a modern techy pattern on every button. It looks slightly plain in my opinion. Other than that well done! :+1:

1 Like


There’s a little concept i did for you, its not good its just a concept so you can get an idea.

1 Like

Rather than having button for each LED, do a dropdown select, rather than having two buttons for music control, unify it. So it will display pause when the music is being played.

And, I have no idea what is the color picker for, perhaps adding title to it, by the way, it’s a bit bland.

1 Like

I currently have it set to a button for each LED so users could select multiple LED’s and change them both at once. When they are selected, they turn green.
For the music control, I will make sure to implement that. :slightly_smiling_face: