Mockup of new menu

BZFlag related only please...please attach large images
Post Reply
User avatar
macsforme
General
General
Posts: 2009
Joined: Wed Mar 01, 2006 5:43 am

Mockup of new menu

Post by macsforme » Sat Apr 06, 2019 8:31 pm

We would like to improve the visual appeal of the game. Toward that end, here is a mockup of one idea for how a new menu system could look.

4:3 ratio (how it might look on an iPad or similar device):
new menu.png
(1.4 MiB) Not downloaded yet

16:9 ratio (a widescreen computer monitor or a smartphone):
new menu (wide).png
(1.6 MiB) Not downloaded yet

A few people suggested that the borders around the menu do not improve the look of it. Here is a version without the borders (done quickly from the other version... the layout/spacing would probably need to be improved):
new menu no border.png
(1.3 MiB) Not downloaded yet

These are mockup images only... there is no functional demo yet. However, all of the effects in these images would be straightforward to implement in the actual game.

User avatar
Zehra
Private First Class
Private First Class
Posts: 561
Joined: Sun Oct 18, 2015 3:36 pm
Location: Arctic

Re: Mockup of new menu

Post by Zehra » Tue Apr 09, 2019 12:30 am

I can imagine music within the menu along with a slow scrolling effect in the background.

-Zehra
Those who are critical of me, I'll likely be the same of them. ~Zehra
There's always something to remember and it's been a game I love. ~Zehra
The time spent is a time which can never be regained, so it's a time to enjoy. ~Zehra
The decisions we make are the ones we look forward too and the ones we regret. ~Zehra
There's a difference between knowing my name and knowing me, one shows respect to my name and the other is to who I am. ~Zehra

See where I've last been active at Strayers.

User avatar
R3laX
Private First Class
Private First Class
Posts: 98
Joined: Wed Jun 28, 2006 2:26 pm
Location: .bzw

Re: Mockup of new menu

Post by R3laX » Wed Apr 10, 2019 2:44 am

This is a great start, I'll give it a shot too. I would go with the no borders look.
OG

User avatar
ahs3
Private First Class
Private First Class
Posts: 310
Joined: Sun Mar 04, 2007 8:33 pm
Location: Press '/' to search
Contact:

Re: Mockup of new menu

Post by ahs3 » Wed Apr 10, 2019 5:56 am

I like no borders as well.

User avatar
kierra
Lieutenant, Junior Grade
Lieutenant, Junior Grade
Posts: 3797
Joined: Wed Mar 23, 2005 1:02 am
Location: outer Slovenia
Contact:

Re: Mockup of new menu

Post by kierra » Wed Apr 10, 2019 7:42 am

Same here: I like no borders as well
"Trying to reason with a fool is like trying to teach a goldfish to bring you the newspaper"
"Sometimes people try to expose what's wrong with you, because they can't handle what's right about you."
"Measure your words -- they determine the distance of your relationships"

User avatar
tainn
Private First Class
Private First Class
Posts: 127
Joined: Sun Nov 18, 2018 7:25 pm
Location: zone of the phantoms

Re: Mockup of new menu

Post by tainn » Wed Apr 10, 2019 3:23 pm

Personally, I prefer simplicity. As such no border is the first part. Then I would argue that our current menu is perhaps more soothing, at least to me... if anything, I would include the background of the menu presented in the OP and keep everything else as it is.

I would like to emphasize, however, that the mock-up in the OP is really nice; I just prefer our current one.

User avatar
Zehra
Private First Class
Private First Class
Posts: 561
Joined: Sun Oct 18, 2015 3:36 pm
Location: Arctic

Re: Mockup of new menu

Post by Zehra » Wed Apr 10, 2019 10:28 pm

There probably would be a setting to provide a classic appearance.
Not sure if this is planned, but would be nice if we would be able to customize the menu as well.
Border free looks good and seems to keep with the classic style of BZ.

-Zehra
Those who are critical of me, I'll likely be the same of them. ~Zehra
There's always something to remember and it's been a game I love. ~Zehra
The time spent is a time which can never be regained, so it's a time to enjoy. ~Zehra
The decisions we make are the ones we look forward too and the ones we regret. ~Zehra
There's a difference between knowing my name and knowing me, one shows respect to my name and the other is to who I am. ~Zehra

See where I've last been active at Strayers.

Ratfink
Private First Class
Private First Class
Posts: 7
Joined: Sat Nov 01, 2008 2:05 pm

Re: Mockup of new menu

Post by Ratfink » Sat Apr 13, 2019 7:44 pm

Overall, I like the direction of this design. I don't have a strong opinion on the border, but if the menu would still work like the current one where it gets overlaid on the screen if you open it while playing, the border might help to distinguish between menu and game.

Minor things: I'd suggest moving the version number next to the copyright info, and removing the status and platform info. Presumably people know what OS they're running, and development versions can be labeled as such as part of the version string. Also, the word "BZFlag" is written with scaled small caps, which is a typographical pet peeve of mine (see https://upload.wikimedia.org/wikipedia/ ... l_Caps.svg for an example, the top is what it should look like, not the bottom).

User avatar
macsforme
General
General
Posts: 2009
Joined: Wed Mar 01, 2006 5:43 am

Re: Mockup of new menu

Post by macsforme » Tue Apr 16, 2019 2:09 am

Ratfink wrote:
Sat Apr 13, 2019 7:44 pm
Also, the word "BZFlag" is written with scaled small caps, which is a typographical pet peeve of mine (see https://upload.wikimedia.org/wikipedia/ ... l_Caps.svg for an example, the top is what it should look like, not the bottom).
You, sir, have sent me on a great journey of personal enlightenment. :D So if I understand this, the font weight/thickness should be consistent between the high and low caps, with only the height and width changing? So it seems you need a font with different weights of bold in order to do that, or else (in the mockup at least... not sure how plausible in real-time code) maybe add an additional stroke around the glyph to make it thicker, and widen the glyph advance width (spaces between glyphs) a bit. Food for thought...

Here is the font I'm using (it looks like there is only one weight of bold, unfortunately): https://www.1001fonts.com/squares-bold-font.html

User avatar
macsforme
General
General
Posts: 2009
Joined: Wed Mar 01, 2006 5:43 am

Re: Mockup of new menu

Post by macsforme » Sun Apr 21, 2019 5:10 am

Here is an updated version with several of the suggestions taken into account, and with the menu items more closely matching what we have now. I also rendered it in a few different hues. I'm not sure what the different colors would represent, but possibilities include matching the player's current (or last) team color, or assigning a different color to each submenu or submenu level/depth.

cyan.png
(1.38 MiB) Not downloaded yet
green.png
(1.38 MiB) Not downloaded yet
magenta.png
(1.4 MiB) Not downloaded yet

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests