Shulou(Shulou.com)06/03 Report--

I would like to share with you what the grid system is like in web design. I believe most people don't know much about it, so share this article for your reference. I hope you will learn a lot after reading this article. let's learn about it!

The formation of grid system

In 1692, the new King Louis XIV of France felt that the printing standard in France was not satisfactory, so he ordered the establishment of a royal special committee to manage printing. Their first task is to design new fonts that are scientific, reasonable and functional. The committee is led by mathematician Nicolas Jaugeon. They are based on Roman and designed on the basis of squares. Each font box is divided into 64 basic square units, and each square unit is divided into 36 small squares. In this way, a printing layout is composed of 2304 small squares. In this rigorous geometric grid network, the font shape and layout are designed, and the effectiveness of communication functions is tested. This is the first scientific experiment on fonts and layout in the world, and it is also the earliest prototype of the grid system.

Grid system is "grid systems" in English, and some people translate it as "grid system", which is actually the same thing. However, by definition, 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 design, Swiss graphic design style, internationalist graphic design style). It is a method and style of graphic design. Using a fixed grid to design the layout, its style is neat and simple, which is very popular after World War II, and has become one of the mainstream styles of today's publication design.

Raster system in Web Page Design

I define the web grid system as follows: a regular grid array is used to guide and regulate the layout and information distribution in the web page.

The web grid system is developed from the plane grid system. For web page design, the use of grid system can not only make the information of the web page more beautiful and easy to read, but also more available. Moreover, for front-end development, web pages will be more flexible and standardized.

The above is all the contents of this article "what is the grid system like in web design?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.