Geek the Planet


Diseño no image

Published on junio 28th, 2007 | by Angelfire

2

Guia para nuestros diseños

Como siempre extrayendo post de los mejores sites, esta vez he traido este desde xiberneticos, es simplemente un grid (retícula) que utilizaremos como background en nuestro WYSIWYG, es de mucha ayuda porque no sirve de guia para el ordenamiento y espaciamiento de los layouts.

layout grid

Un ejemplo de utilización de esta grid la pueden encontrar acá, así luce más o menos:

layout grid ejemplo

Y un ejemplo de una web terminada.

Descargar: Layout grid

Y acá el archivo .PNG editable en fireworks.

Está utilidad es muy buena, fireworks y dreamweaver la traen, el problema es el poco o nulo uso que le damos, pero les aseguro que si le dan una chequeadita verán que sus diseños terminan mucho más organizados.


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



2 Responses to Guia para nuestros diseños

  1. Eduo says:

    Idea original de Khoi Vinh en Subtraction (un sitio excelente para leer, precisamente, sobre Grids):
    http://www.subtraction.com/archives/2004/1231_grid_computi.php

    Retomada y variada por Smileycat:
    http://www.smileycat.com/miaow/archives/000264.php

    Y mejorada al menos por dos:
    Version con mejor font:
    http://www.toddvanarsdale.com/images/web-grid.gif

    Version en bookmarklet (la que yo uso) con una imagen transparente:
    http://www.andybudd.com/archives/2006/07/layout_grid_bookmarklet/index.php

  2. gEEK says:

    Gracias por todos los enlaces, yo la noticia la saque de xyberneticos, sin embargo para ampliar la noticia investigue en smileycat , los otros enlaces no los conocia ;)

Back to Top ↑