Monday, 27 June 2011

WEBSITE DESIGN the making.

 This is what my main first page looks like. It is my name and each individual letter is clearly marked with navigation labels. I wanted plain type as I thought it looked fresh and crisp. I like the use of white space. The only thing I was disappointed that I did not have time to add my second name. I originally wanted my second name to be my project navigation.


 Here I have shown the animation process of my navigation button called 'about' which is in the shape of an 'e' As you can see when you click on it it turns purple and extends. (Yeah I know what it looks like!) Then the other navigation buttons disappears by fading and then my short bio appears. I didnt think about it but my home button disappears so I needed something to get back so I put a small HOME button in the corner to take it back to the start.

 Again when clicking on the 'r' it extends and turns orange  and the other navigation fades away and then my contact information appears. I also had to make the same HOME button in the top right hand corner. It is crucial that the placing of the navigation buttons so that it doesn't confuse the user. So I have remained them the same.
 Here I have shown the 'i' extending and turning purple. Now from here it turns to a different layout. This is my 'gallery' and more buttons appear on the top. This is to navigate through all of my projects which I have created.

 This print screen is from flash to show my animation. All of my animation uses motion tweening. This means you make 2 key frames and change the movement or add something in between the key frames and then select motion tween and it should run smoothly. If the arrow does not appear that means it hasn't worked properly.

 Here I have shown my navigation close up. when rolled over it does turn orange. If I had time I would have made it look a bit nicer.


 This is my magazine and at the bottom is the pictures of my magazine small and when you click on them it enlarges it. And that is how you view my work.

No comments:

Post a Comment