Importance of the design with grilla (grid, grid, enmesh or grid)

Perhaps one of the things more forgotten in the design Web is the design with grilla, this is something very used in traditional means (magazines and newspapers) but just recently time that is had been making between the designers Web popular. Also grilla or publishing graticule is known him how.

We begin to define that grilla is one (grid): In contecto of graphical design one grilla is an instrument to order graphical elements of the text and the images, although many people can think that to design with grillas she limits the creativity but you do not worry that this is a myth. And she is not why she has not been adopted by all the designers, is rather because the technique to design Web sites with grillas still is not known by many designers Web.

Grids de Viva Study

An example of design with grilla is the previous one that belongs to vivaestudio, another practical example can be the OC site Vision.

Resources to design with grids

  • Design by Grid one of so many galleries of sites done with focused CSS but more to the sites than respects the design with grilla review it here.
  • Grid Calculator is a tool that creates a graticule to us based on a size of the letter, the number of columns, the width of the column and the channel width.
  • Grid Generator is a generator of grids to guide to us at the time of designing, the generated grid is a unballastable file png.
  • Phiculator this is simply a calculator of golden sections you can unload in addition it for Windows, Mac or in a SWF of Flash.
  • Grid is a generic image that is used as guide for the majority as the designs Web, created by Cameron Moll.

7 Commentaries (yours Adds)

  1. Commented 19 October 2007 to the 5:56 | Permalink | To respond

    Very good for seeing that you noticed grid in vivaestudio. For this case I used grid only vertical, although I see that the horizontal absolutely I did not have left desencaminado.

    Greetings

  2. Commented 19 October 2007 to the 11:49 | Permalink | To respond

    Then you you did not have left so desencaminado, until you had a mention in the Showcase de Design by Grid

  3. Commented 25 October 2007 to the 3:43 | Permalink | To respond

    This is my contribution to the subject, is Blueprint Grid CSS Generator is another tool online that it makes possible to us to form grilla of model-making with the values that we define.

  4. derlys
    Commented 12 February 2008 to the 9:34 | Permalink | To respond

    they must publish something on draws into squares and boceto that is very important

A Commentary writes

Its mail never will be published nor shared. The required fields are noticeable *

*
*

3 Trackbacks (URL of trackback)

  1. [...] good compilation of Grids (Rules) realised by carlosleopoldo to support during our designs and power to us to establish the positions well where we want that [...]

  2. [...] XYBERNETICOS mentions an article of Carlos Leopoldo, whom I have liked much. Grid speaks to us on the advantages to design pages Web using [...]

  3. [...] Carlos Leopoldo. [...]