Veo en processblack un enlace que a su vez le han dejado a él en la bandeja de sugerencias de su del.icio.us (maravillas de la red; no tienes que buscar nada, las cosas interesantes se cruzan en tu camino de una forma u otra).

Cuando diseñamos una web, ya sea en Fireworks o en Photoshop, lo primerísimo que hacemos es trazar una líneas guía que nos sirven de retícula. Guardar las proporciones es, quizás, el paso más importante para realizar un diseño bien resuelto.

A la hora llevar el diseño a código, al lío con los XHTML y los CSS, normalmente confiamos en nuestro buen ojo para transportar las medidas del diseño al navegador, y tenemos que andar rectificando pixel arriba pixel abajo constantemente para calcar el diseño en programación.

En Smiley Cat nos animan a usar una retícula como fondo al plantear el layout básico del site, para eliminarlo posteriormente cuando esté todo perfectamente alineado y a la medidas oportunas.

A mi me ha picado, y lo pondré en práctica a la próxima oportunidad que tenga de meter mano a código. Si lo pones en práctica, cuenta la experiencia.

Tienes una retícula disponible para copypastear en el post de Smiley Cat.