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.