When I was first given the website brief I had a couple of ideas in mind of what I wanted to create. I knew from the start that I wanted my site to look professional as it would be my future portfolio so I designed my site to ensure my pages had continuity and all looked the same other than the content. Before I started the proper designs I made a mind map to ensure that I knew exactly what was asked of me and the information that I need to include. Below you can see the map I created:
I then made some sketches and layouts in Adobe Illustrator to give myself a clear idea of what I wanted to website to look like so I could then code it from these designs. I tried to copy my designs as much as I could when it came to making my website because I liked my designs and they helped me have a clearer view of what the end result would look like.
Here you can see that I have draw a basic layout and then written some notes around the edges to help explain my ideas and help me when I come to look at my notes again so I know what I'm going to code.
| Close up of my sketches |
Here is a close up of one of my sketches. You can see the notes that I've made around the edges to help me with my design and planning.
After I had drawn my sketches I created a clearer outline in Adobe Illustrator of what my website layout will look like.
Reasoning:
As you can see the main colour choice for my design is pink. I chose this colour not only because it's my favourite colour but it makes it obvious that this site has been designed by a girl and being one of only a couple of girls on my course I feel it is important to me to stand out from the boys.
I chose the white stripes around the edge of the page as I think the white and pink compliment each other and the stripes bring your attention to the main area of the page.
I chose to do a four page website as I wanted to include a page with information about me and my home and university life so anyone looking at the site can see who I am as a person not just the work I have done and I feel this is a more personal approach.
I chose to do my name in a different font because I think this makes it stand out from the rest of the content on the page.


No comments:
Post a Comment