Grid system in Web design

Source: Internet
Author: User
Tags definition

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.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.