Thursday, 24 January 2013

Refine UI design

Due to my coding and the manual transition or animated things are too many and heavy, I couldn't afford to change the whole UI design which I know its too simple and not attractive enough. I added some details and changes to some of the parts which I was able to change and minimal changes to my coding. I was really regret that my UI design doesn't look perfect but I'll try my best to make it look better. This is some of the final changes that I did.







Added some texture according to the theme or the animal. Then I changed the buttons design into round which looks much more organize and neat. I also added some Roll Over animated effect to look nicer and interesting also. 





These are some of the Roll Over animated effect on the buttons that I did. :)





Firstly, I drew the shape in flash and set the alpha randomly, then did the animation. Then, placed a code behind the animation to ask it to gotoAndStopAt the first frame so it will loop. It took me time to do this too. 

No comments:

Post a Comment