Sunday, March 3, 2013

first grid process

A grid system helps us organize information into a coherent pattern. We start by dividing the screen into basic, rational chunks, including gutters which are the blank spaces that separates rows and columns. The grid lines are only suggestions not rigid areas. Grid system helps us to structure screen so that there is a clear visual hierarchy and flow through the elements on the screen.
960grid is using in the design and as well as coding. It has 960 px width and 10 px margin at both side. There are 12 columns we used 12-colomn grid is divided into portion of 60 pixels. There are 20 pixel gutters between the each column.
When we used the 960 grid system in the css it gives us a right margin left and right on our page.
in our design we had use this 960gird as page layout so it gives a good alignment and right margin.

i have made a final grid for my website is as follows:
        









No comments:

Post a Comment