In a word: grid system is a tool for standardizing information layout and assisting designers to organize information. It can ensure the standardization and efficiency of design and development process as much as possible, and improve the consistency of layout visual effect, sense of rhythm, rigorous order, good proportion and so on.
In the field of graphic design, "grid" is usually used to standardize the layout. The grid is like each pixel on the equipment screen. Graphic designers divide the core layout area of materials into equal squares to ensure the sense of coordination and consistency in terms of, alignment, rhythm, proportion and visual area, so as to ensure the aesthetic feeling of design and the efficiency of visual communication.
但在应用程序相关的产品设计领域，鉴于设备屏幕横向宽度受限但纵向高度无限延展的背景，及真实体验设计场景下，使用无限下拉交互方式承载复杂内容的规则，在产品设计领域往往只需要制定纵向列式分割规则，以规范 X 轴向内容的对齐、比例等布局效果。
However, in the field of application related product design, in view of the background that the horizontal width of the device screen is limited but the vertical height is infinitely extended, and the rules of using infinite drop-down interaction to carry complex content in the real experience design scenario, in the field of product design, it is often only necessary to formulate vertical column segmentation rules to standardize the alignment, proportion and other layout effects of x-axis content.
This is what we call the grid (which is different from the grid and is commonly used in the field of product design). The grid system is not an ultra-high technology that makes people talk about color change, but a design tool that is established in the design community and widely used in the field of graphic design and product design. When it comes to the work content of organizational information, the rational use of grid system can promote the work of designers from the aspects of design efficiency, design quality, multi role design cooperation and so on.
早在文艺复兴时期，人们便有意识的使用辅助线叠加在图片上的形式来模拟透视关系，且已经开始使用黄金比例矩形。13 世纪，法国建筑师 Villard de Honnecourt 创作了一张图表，试图实现“和谐的设计”。该图将网格系统与黄金比例合并，以产生基于固定比例的边距的页面布局。该技术至今仍在使用，大多数印刷书籍和杂志的设计师都使用 Villard de Honnecourt 的图来创建平衡的设计。
As early as the Renaissance, people consciously used the form of auxiliary lines superimposed on the picture to simulate the perspective relationship, and began to use the golden ratio rectangle. In the 13th century, the French architect Villard de honnecourt created a chart in an attempt to achieve "harmonious design". The figure combines the grid system with the golden ratio to produce a page layout based on a fixed scale margin. This technology is still in use today, and most designers of printed books and magazines use Villard de honnecourt's drawings to create a balanced design.