![different grid types different grid types](https://i.pinimg.com/originals/48/aa/fa/48aafa6e9c71810173e65d412d366509.jpg)
The masters of the grid system - Swiss Style designers like Brockmann and Gerstner. Here it’s a page from the futurist magazine Lacerba. Movements like the Bauhaus and the Futurists investigated the use of grid systems, and how to play within these constraints. The bigger the space, the more money the ad would cost.
![different grid types different grid types](https://i.pinimg.com/originals/65/64/aa/6564aa9904cbfe383d688de54dea3a22.jpg)
![different grid types different grid types](http://image.slidesharecdn.com/typesofgridmaps-100127195757-phpapp02/95/slide-1-728.jpg)
A grid system is here used to divide page space up into smaller segments, to use for advertising. Many things, like slab-serif fonts, were concieved as a part of the advertising revolution. With the industrial revolution came a huge demand for printed works. This could often be as simple as a baseline that determined the scale of the headings and body. The grid lines continued to help printers in typesetting. It transferred to movable type, where the type setting itself consists of a grid. Grid systems started as helper lines for written books. If you feel like it, read this brief introduction to the history of grid.Ī grid system is any kind of basic constraint you can put on the canvas. Today we’ll go through the different types of grid systems, look at interesting examples, and look at how we can create and manipulate grid systems in code. Even a simple thing like a flexible grid program is non-existent today. The concept of a generative grid system is extremely powerful, but also extremely underused. It also allows us to use several grid systems on top of each other, distort the grid system by rotating or scaling it, or generating the grid modules randomly. In code this is not the case, a we can be extremely flexible and try many iterations within minutes. If you suddenly notice that you want a slimmer grid, you need to re-create the grid and move everything by hand. The traditional way of creating a grid is by doing it by hand in Photoshop or Illustrator. Relevant for us is how the grid is such a strict mathematical concept. Any guides that help you shape the final design is okay. Although there are a few different categories of grid systems, there are no strict rules on what can or cannot be a grid. A grid system is a set of measurements a graphic designer can use to align and size objects within the given format. There is nothing worse for an artist than a blank canvas.