storyboard, flow structure and GUI

By rashdan
Storyboard

Design

This interface is for the whole of my page and it will divided into 3 – 4 separates space. The color is only blue and white because it referred to the color theme of the places. Obviously the majority color is blue. It looks not too complicated and has a nice soft color. The color can create mood of joy and happiness within the viewers.

Animation and sound

For this part, I will use attractive sounds that can make the viewers feel comfortable hearing it. It is important to make sure the viewers do not feel annoying while hearing the sound effects. I will focus on the animation in creating interesting transitions for the space provided especially in gallery and entertainment slots. It can entertain the viewers and it is not like a slide show while browsing this program.

Flow structure

This is the flow chart of my page. The content is more in information about the entertainments in Sunway City. Some simple games will be included for the interactivity and for fun of course. All contents can be referred here and will be updated time by time for modification and changing ideas.

GUI

GUI : Home
Design – 4 buttons at left column, a main title, text and logo/images column at the right.
Animation – Everytime the users click the buttons, the menu will change with some transitions.
Sound – Sound will appeared when the users click the button and also the transitions.

GUI : Gallery
Design – 4 button at left column, an active picture, mini picture and description box at the right
Animation – The picture changed with some transitions such as fade in and fades out
Sound - Sound will appeared when the users click the button and also the mini pictures box. A background music included.

GUI : Entertainments
Design – 4 buttons, 2 small links at left column, a main title, text and logo/images column at the right.
Animation – Everytime the users click the buttons, the menu will change with some transitions.
Sound – Sound will appeared when the users click the button and also the transitions.

GUI : Games
Game 1
Design - 4 button at left column, an active picture, mini picture and description box at the right
Animation – The users will drag and rearrange the picture like a puzzle.
Sound – If the picture is solved, a sound will come out.

Game 2
Design - 4 button at left column, an active picture, mini picture and description box at the
right.
Animation – A question will pop out when the picture been solve
Sound – A sound appeared when the question pop out.




 

0 comments so far.

Something to say?