Grid system in Web design

The formation of grid system

In the 1692, the newly crowned French king, Louis 14, felt that the French were poorly printed and ordered the establishment of a Royal Special Commission for the management of printing. Their first task is to design a scientific, reasonable, and functional new font. The Committee was led by the mathematician Nicolas Gazon (Nicolas Jaugeon), who based on the Roman, uses the square as the design basis, each font square divides into 64 basic square units, each square unit again divides into 36 small lattice, thus, a printing page has 2,304 small lattice composition, In this rigorous geometric grid network design font shape, layout, test transmission function of the performance, this is the world's first font and layout of the scientific experiment activities, but also the first prototype grid system.

Raster system in English as "grid systems", but also translated as "grid system", in fact, is one thing. But the definition says, grid is more accurate, from Wikipedia, the definition of grid is: Grid design system (also known as grid design system, standard size system, program layout, Swiss graphic design, international plane design style), is a graphic design method and style. Using a fixed lattice layout, its style is neat and concise, popular after World War II, has become one of the mainstream styles of publication design today.

grid system in Web design

I define the Web grid system as follows: a regular grid array to guide and standardize the layout of the page and the distribution of information.
The Web grid system is developed from the planar grid system. For web design, the use of raster system, not only can make the information of the Web page more beautiful and easy to read, more usability. Moreover, for front-end development, the Web page will be more flexible and standardized.

Grid systems are increasingly being used in web design today, and a Web site that collects an article on grid applications: 30 top-tier blog web design based on grid systems.