Showing posts with label digital design assignment. Show all posts
Showing posts with label digital design assignment. Show all posts

Monday, 27 October 2008

Refine interface design



After receiving several comments from others, i've did some refine on my interface. Hope it will look better now :)


these are the adjustments i've made :

- changed all the background, coz the previous one somehow looks abit messy and the colour i've adjusted to hazel brown to make the overall mood more comfortable.

- sharpen the character and add outer glow for some to make it stand out from its bg.

- enchance text to look more legible & visible.

- contrast the image colour.

- some minor changes here and there. 







Home Page






Character Intro






Story



Game Instruction




Game






ahhhhhh! sick of my interface!
i dont wanna look at it anymore T.T

Wednesday, 22 October 2008

Interface Web Design ★



To my fellow buddies , friends and also visitors :)


I am doing a user-testing for my Interface Web design that is requested by our lecturer.
Hope u guys can spend a lil time to help out :)
yeah just a few minutes will do!
Any comments, critiques, suggestions are welcomed here so that i can have improvement in my work.
Thank you very muchiee~


So the story goes like this, its actually based on a folklore story from Native American Legend. The title of this story is
" Bear and Chipmunk " . Bear is a very arrogant animal and thinks that he's a the most powerful creature among the animals. One day, a chipmunk challenge bear to stop the sun from rising in the morning, Bear is sure that he could stop the sun from rising and chipmunk thinks that bear is foolish. Bear then sat down facing east to wait, from night to the next morning. For his great disappointment, the sun rose, just as it always had. Bear was upset but chipmunk was laughing at Bear and keeps making fun at him. Bear was terribly angry and he tried to kill chipmunk by pinning and pressing him on the ground. In fear, chipmunk begs Bear to let him go and with some trick, the chipmunk finally manage to escape and runs for his life. Bear was not quick enough to catch him, but the very tips of his long claws scraped along Chipmunk's back leaving three pale scars.

That's why all chipmunk has 3 scars on their back as a reminder of making fun of others.





* * *


Target audience : kids age 9 - 12



* * *


Here's the loading page

( From 0% to 100% , from moonset to sunrise )







* * *



The next is the Home page

( i made it into a short animation instead of one page so that the audience will have some eye movement travelling across the page. )


( The audience doesn't need to click anything , it will move all by itself )

EXCEPT 'enter'



* * *



This is the Character intro part

I used Acorns nut to symbolize Chipmunk

and a Paw-print to symbolize Bear



This is a roll-over effect. When your cursor point to the nut, the chipmunk will automatically pop-up and same with the paw-print.



* * *



This is one of the scene in the story

where the chipmunk is laughing at bear and

bear started to get angry.



* * *



Game instructions

This is a speed typing game where players need to type ' I am here to save you ' within 5 seconds or else the chipmunk will be killed.




Let the game begins...

( imagine you're the chipmunk cuz the audience eye view is the chipmunks eye view )

The acorns nut represent the countdown for the player to get ready and once its green, the player can start to type as fast as she/he could while the image will become more and more red showing that the chipmunk is becoming weaker and weaker. If the player failed to type the sentence in time, the chipmunk will die and its GAME OVER. Player can click ' play again ' to give another try or just quit the game.




* * *



Feel free to click to view in LARGER image

and some of the page i compiled it in a short clip so that everybody can clearly understand how the flow goes and also the navigations.

Hope you guys did enjoyed :)




* * *



Here's some Questions :


1. Is the overall mood suits my story theme ?

A. Yup! im comfortable with it

B. Not bad, but can be better

C. I dont think so, somethings's wrong

D. Not at all


2. Is the text hard to read ?

A. I can understand and read it well

B. Still okay, need time to digest

C. Not really, its all crumbled up

D. Im confused


3. What u like most about the interface design ?

A. Character

B. Layout

C. Navigation

D. Colour mood

E. Everything!


4. Do u feel this interface is interactive enough ?

A. Yes, I had fun!

B. No, why?


5. Do you like the game part ?

A. Yup! Its quite interesting

B. No, i think its boring.

C. Could be better


6. Is the whole interface design appealing to your eye ?

A. Yes, its great!

B. Quite, but need some improvement.

C. There's something wrong somewhere.


7. Which part do u guys think i should improve the most?

A. Colour combination

B. Character design

C. Typeface

D. Navigation

E. Others


8. Any comment or suggestion to further improve my interface web design ?

_____________________________________________________________


( please comment in this post yah )


Thanks for spending your time on my user-test !

appreciated :)



lOts Of lOve,

Kelly

Sunday, 21 September 2008

pick n drop


20 Colour Palettes 
created by ms. penguin :)


.



1# Osmosis



2# Feeding Frenzy



3# Heart of the Sun



4# Earth green



5# Sunnie breezie



6# Dragon-fly



7# So-sO



8# Drawing with lights



9# Inner peace



10# e ya e ya o



11# Sakura season



12# Soft Pastel



13# Kissaholic



14# Ballerina



15# Indulge



16# Kitten mitten



17# Beyond words



18# Beneath her heart


19# Creature's home




20# Fancy Seduction


Enjoy ! :)