search

HaikuArchives / LightsOff

Lights Off! is a rendition of the original handheld game "Lights Out!", manufactured by Tiger Electronics.
MIT License
2 stars 3 forks source link

Flatter tiles #49

Open humdingerb opened 6 years ago

humdingerb commented 6 years ago

The tiles look quite dated with the massive bevel. How about a flatter look for the GUI redesign?

lights-off lights-off_tile_mockup

The contrast of the blue tile borders could be a bit higher, I admit... (Could be_control_look->DrawTextControlBorder() be used?)

owenca commented 6 years ago

How about a flatter look for the GUI redesign?

Yes. Also, the dark blue background is kind of depressing. Perhaps a lighter color scheme like the image below? lights out

humdingerb commented 6 years ago

Using the default panel background colour is a good idea, I think. Not sure if labeled buttons are better than icon buttons. I'll playing around with mocking something up.

What'd be nice is if the tiles would re-size along with the window and board size. So the tiles of a 3x3 would be bigger, filling the available space. Possible?

humdingerb commented 6 years ago

How about something like this:

lights-off_new-gui

or:

lights-off_new-gui-2

The Level pop-up could have a spinner widget, I guess... If you wanna "mock" about some more, I can upload the wonderbrush file.

Those 3 small buttons:

owenca commented 6 years ago

I like your idea of getting rid of the menu bar. Regarding the navigation buttons, the user might confuse the "restart" button with "undo"? What about a set of 4 buttons below?

screen shot 2018-03-04 at 12 52 53 pm

owenca commented 6 years ago

What'd be nice is if the tiles would re-size along with the window and board size. So the tiles of a 3x3 would be bigger, filling the available space. Possible?

Yes with #57.

humdingerb commented 6 years ago

What about a set of 4 buttons below?

Yes. Maybe the buttons of MediaPlayer can be re-used, though it seems to draw those symbols explicitely. I'd have thought there were UTF characters for those, but can't find any in the Noto font...

Maybe try in the direction of the 2nd mockup: board, move counter, buttons. I think the buttons should stay close to the move counter as they are related in a way, and the counter shows a reaction to the use of the buttons.

humdingerb commented 6 years ago

Maybe try in the direction of the 2nd mockup

I wanted to say: the 1st mockup... :)