New UI Design

Due to some critic and suggestion that I've got from my lectures and friends. They said that my design looks too simple but not interesting and nice to look at. Although it was sad but it gave me motivation to design a set of UI design again. But I have a slight problem which I could not place the design into my coding due to the time I have. If I have, I will definitely place design in it. Here is my design.

I placed a set of black grass to replace the normal black bar that we have to look related to my concept on animals. Then I use different colors to represent different animal to look much more interesting.

My color scheme,

This is the main page.

When ever you roll over the button, it turns grey and a overlay image will appear. This is the horse roll over image.

This is the dog roll over image.

This is the bee roll over image

This is the horse page which I make it a wider page which do not have header on top that allows the user to have a wider view. The buttons then placed on the left side where the users always see first.

To make the user to know which color is for which animal, there are roll over on the buttons.

This is the information page which will have a black and white overlay image behind the info which gives a consistencies.

Dog Interface 

Bee Interface

These are the references that I look through and inspired at. :D

Paris, T. (2012) Tep Chann Nimmith TEK - Portfolio webdesigner. [online] Available at: http://www.teptek.com [Accessed: 23 January 2013].

I just like the theme and color of this website which inspired me somehow on mine.

Jessicahilltout.com (n.d.) Home | Jessica Hilltout. [online] Available at: http://www.jessicahilltout.com [Accessed: 23 January 2013].

This is another website which I love the color which make me feel calm and warm which also inspired on the color that Im using.

Paris, T. (2012) Tep Chann Nimmith TEK - Portfolio webdesigner. [online] Available at: http://www.teptek.com [Accessed: 23 January 2013].

This website inspired me on the bottom bar on using grass and also the color scheme which is cool and nice.

This website inspired me on my round circle buttons and colorful buttons. :D

Harvard Referencing

Image

Rowland, P. (2010) Grass Goes Into Game by Perry. [image online] Available at: http://teaminsidevoice.blogspot.com/2010/06/grass-goes-into-game-by-perry.html [Accessed: 23 January 2013].

Favim.com (2012) black and white, cute, dog, photography, pug. [image online] Available at: http://favim.com/image/279080/ [Accessed: 23 January 2013].

Photos For You – Free Photos (n.d.) Bee 1 – Black & White Film. [image online] Available at: http://photos-for-you.com/bee-1-black-white-film/ [Accessed: 23 January 2013].

The Perversity of Conservatism (2010) Vote for Change Vote Republican. [image online] Available at: http://perversityofconservatism.blogspot.com/2010_04_01_archive.html [Accessed: 23 January 2013].