Posted on


The use of grids in web design is a popular topic which I believe to be very effective. Although this concept is just a few years old, the use of grids has been ever-present in field engineering and architecture, where precision is key. The concept of grid theory, where proportion is given as much emphasis as structure, has been around for thousands of years and is exemplified in the works of Pythagoras, who proposed numbers as ratios rather than single units.

However grid layouts have now become a commonplace in modern web design.

  •  They provide  structure and organization to the design, which helps create a predictable rhythm and sense of familiarity. As the web becomes the best medium for publication worldwide, designers and developers must work to simplify the process. Grid-based layouts produce stable websites.
  • Our tendency is to read a page from left to right, and grids only reinforce this innate characteristic.
  •  Many grid-based website are fluid and will re-size according to the user’s browsing devices.
  • Will be effective on different browsing devises, whether it be mobile phones, computers, i pads etc.

960 Grid System

Another tool for laying out a website that utilizes a grid is the templates put forth by the 960 grid system. Based on a width of 960 pixels, this system is an effort to streamline development workflow. The number 960 was chosen due to it being divisible by 3, 4, 5, 6, 8, 10, 12, 15, and 16. The result is an ideal width for grids and experimenting with different arrangements for your layouts.



Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s