Wednesday, September 1, 2010

Menu Redesign

Prepare for a long, image heavy, post.

THE OLD MENU
Whilst functional I've always had some reservations with its appearance and waiting until recently to redesign it after we received comments supporting my reservations. Generally, it's just somewhat uninspired from a visual regard

CIRCUIT BOARD INSPIRATION
Inspired by the polarity symbolism and functionality in our game I sourced some circuit board images as i believed it a natural extension of the design. I then went about redesigning the title screen with this influence.

CIRCUIT BOARD MENU MOCK UP
The result is the above. The rest of the team agreed on the design though concurred that the colours needed revising.

ALTERNATE GREENS
Keeping the green look only with more muted background, highlighting the title more.

ORANGE CIRCUIT BOARDS
Orange circuit boards were offered as a design inspiration by a number of people.

ORANGE COLOURING

ORANGE AND GREEN BLEND
A blend of both green and orange. Whilst we agreed the orange colouring was attention grabbing, particularly in contrast when combining with green, we felt the effect wasn't as pleasing as the purely green designs.

FINAL COLOUR CHOICES
The final colour design incorporates dark muted greens in background whilst evoking circuitry imagery, and highlights the title effectively with neon green.

MENU FUNCTIONALITY
The above image illustrates the complete menu functionality. From the initial title screen the user selects an option which leads to a sub menu, panning and rotating the background to orient with the screen; text disappearing and appearing as appropriate.

No comments:

Post a Comment