First UI pass

Can’t do any gameplay balancing on this thing until I have some specific pixel locations, therefore I needed to start on UI design.

UI Sketch

I began by asking myself “What information needs to be known and how important is each piece of information compared to the others?” Then I asked “How can I structure the elements so that elements with related information are in visual proximity of one another?” I also had to keep in mind the importance of visual appeal and how the layout would affect the experience as a whole.

Game Color Study

It wasn’t until I listened to a potential music style for the game that I realized the final layout. The intensity of chipzel’s aesthetic is so front and center that a passive two-column layout (my original layout idea) would have conflicted with the musical vibe.

The most interesting part of the game is going to be the characters+animations so this needs to be front and center and be complimented by the music.

UI Mockup

The musical style also helped determine the color palette. The game takes place in the jungle and the music is going to be intense and “thumpin’” so I used warmer greens and the buttons are going to be warm and intense.

Keep in mind this is a work in progress and none of the art is at all finished (The character is just a stand in as well). Just wanted to give the world a peek into my process.


Leave a Comment

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s