This concept of multiple grids is extremely powerful, and seems to be a perfect fit for the computer. This way the magazine’s layout is consistent from page to page and between the different grid versions, separate or combined. While each grid overlay was often used separate, they were designed so if columns were mixed together, they would still maintain a harmony between each other. The grid looks incredibly complex at first, but upon examination, shows itself as a number of grids overlaid upon each other. As a grid grows in complexity, it provides “a maximum number of constants with the greatest possible variability. For Capital, Gerstner developed a complex grid which was flexible and allowed rapid, creative and consistent layouts. This is especially the case with simple grids. While this can provide the consistency, grids can be a trap for designers creating uninspired, homogenous layouts. Grids can turn design into a simple act of placement of elements into a series of column. See example code Karl Gerstner’s Flexible GridĮven though it’s quite some years ago now, Karl Gerstner is one of the few graphic designers who approached grid design from a programmable point of view. This creates alignment and balance in your design. You use the modules as basis for larger content areas. The point is to work creatively within the grid, but also break free when you need it.Įven a simple grid gives you a lot of variety in placing your content. The grid systems were made popular with the wave of Swiss Style graphic design. A hierarchical grid is described by not having equal spacing between modules. The last type of grid is often called a hierarchical grid, although it’s kind of a “catch all” for grids that do not fit into the above categories. The modular grid is a column and row grid that not only tells you the x-placements of your forms, but also guides on the y-axis. Libraries like blueprint and 960.gs have ported the ideas of the column grid to the web. It splits the page into columns, and is probably the most used grid type. It is made up by a single rectangle that defines the margins of the format.Ī column grid is what it says. Types of GridsĪ manuscript grid is the most basic form of a grid. 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. 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.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |