Final Images

Loading Screen

The loading screen is simple, it will just have a plain background colour and text. The loading bar is very simple and just contains bars that will keeping adding at certain percentages and the numbers at the side will keep going up until 100%.

As the loading screen was very plain, I wanted to just use the colours in my colour scheme but none of the colours seemed to work all that well.

Final Image

The third loading screen seemed to be almost there but not quite so instead I added a slight gradient with orange. I kept the text all the same colours rather than being different as it was above and it seemed to be simple but effective.


Story and Instructions

I wanted a start screen that explained what the story was about and contained instructions on how to navigate through the pages but it seemed very plain so I decided to add a character to the front to make it more interesting. The text needed to be short and not all displayed on the page at the same time so that children do not lose attention so I split the text up and made a simple click to continue naviagation for the interactivity so they can read and get onto the next part. This could also be done on the main pages as well where text may be too long.

My final image follows the style of the main pages with the story being in the simple white box with instructions on what to do. The background was given a simple film grain with increased brightness to make it lighter. I added the character to the left as without it, it seemed very plain and boring which would not appeal to younger children.

Main Page

The main pages needed to contain the characters that I had designed as well as the story and puzzles. I did the same effect to the background picture as I did with the start page which made the image brighter and better to look at. I included the characters that I had designed in the image and place them at various points in keeping with the puzzle. I placed them behind objects and not just in front of them to make the puzzle more interesting. 

Transition

I wanted the transition to be just like a book with the user being able to pull the corners and "turn" the page just as they would with a real book. When they pulled it, it would show the new page underneath and it would also allow them to go back and forward between the pages easily.