Wednesday 28 November 2012

Grid Website Layout




 

Web Layout:


Three Grid Column:

Above is a simple three grid column website design I did roughly,  although it is simple it has all the things that would be needed on a website which is a heading/logo/website name, Tabs (Home, Contact Us, About Us, ect...), Imagery and information. For this I decided on making it simple but putting all the tabs in one box, the heading at the top, the information underneath and an image underneath the tabs.


Six Grid Column:

Below are examples of a more sophisticated website design that I did roughly, this included the use of a six grid column which involved text for four of the columns and the images and little text in the two columns. Below is not just a home design but a layout for each of the tabs/button. As this is a design roughly for my website I had the idea of four tabs/buttons (Home, Contact, Gallery and Competition). Each tab has a design of which is different in some way; this is the layout I would like to use but have changes where I would like to add different types of flash imagery going across the page. The picture will not be the same on each page, it will show my favourite images, artists or pieces of work and say what it is on the picture in the corner, if you click on the image it will lead you to another picture which would be my inspiration from that piece or my own version of it. The flash illustration would be something to do with my like and will be different on each page to change to the next. 

 




No comments:

Post a Comment