Jump to content

Recommended Posts

During May and June of last year, the final assignment for my Graphic Design 4 class was to create whatever we wanted. I chose to have some fun and try redesigning the main menu of Steel Beasts Pro. The objective I established was to redesign the Steel Beasts Pro PE menu in a way that makes use of greater hierarchy and contrast while maintaining a layout that would be easy for veteran players to adjust to.

 

 

To the left is the current menu with the default background, and to the right is the redesigned menu with the default background (All photos depict a 1920 x 1080 screen resolution):

 

20170530213427_1.thumb.jpg.1d15586bb588979a148ff10e137ef47e.jpg5a5d5b20ca58a_sb4.thumb.jpg.4a65101b0c58095824b9ba1adac8440b.jpg

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Here is what the redesigned menu would look like with a few custom Splash Screens, the first two backgrounds are taken from screenshots posted by Lusik to pg. 105 of the "We love screenshots" thread:

 

sb3.thumb.png.f5ac153a1fe6665eb4193ad4800f5576.png

 

sb2.thumb.png.fadac63c42beb6b0c50bf37e61fedd43.png

 

 

And finally, the redesigned menu with my personal splash screen:

 

sb1.thumb.png.985c92b8bbd6f88b9869db91fe2be72c.png

 

 

For those interested, here is a somewhat incomplete redline of the menu design:

 

5a5d5fa29cc91_SBMenuRedlines.thumb.jpg.c34e47871d1c6a0daa2a2a9f17b236db.jpg

 

For those of you wondering if the X in the top right is to close the game, you're correct. I don't remember why I put it there, nor why it turned pink in the redline.

That's all there is to it, feel free to comment what you think about the redesign. Please note that this is not a request the development team to use my redesign.

Edited by Nate Lawrence

Share this post


Link to post
Share on other sites

I think the larger,bolder text looks pretty good, but i personally prefer the menu groups being offset to the left and right of centre

Share this post


Link to post
Share on other sites

I guess for personal use you can do whatever interests you - my concern is when I'm on the 'phone to someone and say "2nd Menu option on the left" and their screen is laid out differently to mine. :)

Share this post


Link to post
Share on other sites

Appreciate what you are trying to do here.

But, I actually like the way the menu system works now. I mean; it just works.

Don't feel put off by my comments though, I'd be the first to recognize improved functionality.

Share this post


Link to post
Share on other sites
On ‎1‎/‎15‎/‎2018 at 8:58 PM, Gibsonm said:

I guess for personal use you can do whatever interests you - my concern is when I'm on the 'phone to someone and say "2nd Menu option on the left" and their screen is laid out differently to mine. :)

I agree with Gibsonm,

 

Can we just make the letters bigger on 1920 x 1080? The text is insanely small on the menu screen at that resolution.

Share this post


Link to post
Share on other sites
On 1/15/2018 at 6:58 PM, Gibsonm said:

I guess for personal use you can do whatever interests you - my concern is when I'm on the 'phone to someone and say "2nd Menu option on the left" and their screen is laid out differently to mine. :)

In that case I would just tell them to hit "Instant Action"

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×