Jun 28, 2007
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.
Un ejemplo de utilización de esta grid la pueden encontrar acá, así luce más o menos:
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.
Loading ...
2 Comentarios, Comenta or Ping
Eduo
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
Jun 29th, 2007
gEEK
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
Jun 29th, 2007
Dejar un comentario en “Guia para nuestros diseños”