My mind is blank trying to figure out a design for this

Help and Feedback Art Design Support
#1

Hey, so yeah for the past like 30 minutes I was basically staring at this screen, trying to figure out how I should design it so it’s clean and not too bulky.

Firstly, here’s the screen so far: https://gyazo.com/12d9d5610d9520b2e525ee88f9666732

That big white rectangle over to the right is the viewport frame for the character, this is where the character will be rendered as you customize it, I’ve yet to finalize a position for that to go, but I originally thought maybe the right side and put the customization tools to the left.

Now, the stuff that’s gonna be going on this screen are basically different categories. Skintones, hats, hair, and clothing (shirts/pants), and I think all of these except skintones will be scroller frames, as I plan on adding a large number of accessories to the game that you can collect.

But yeah, I really don’t know what to ask here. I tried a couple designs just throwing together category buttons or stuff like that, but nothing looked too good. I’m not a UI designer. This is very tedious stuff for me :sob:

Any random-sketches on this screen to show me a certain design or stuff like that would be awesome, or any advice would be highly appreciated as well.

Thanks a bunch!

2 Likes
#2

I’m still struggling trying to come up with something. Any ideas??

#3

mockup3
mockup3800×600 72.4 KB

Here’s a quick mockup I made based on the snippet you posted above.

The idea of the “breadcrumb” is to act kind of like how a file manager works - you’ll see how far down the tree you’ve gone, but this is only if your customization menu relies heavily on deeply nested sub-menus. Alternatively, you could replace the breadcrumb with a tabber for categories of items.

1 Like