Jump to content

Main Menu Redesign


aurens

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
Link to comment
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.

Link to comment
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"

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...