Diseño de plantillas paso 1 – La Grid

      No hay comentarios en Diseño de plantillas paso 1 – La Grid

Hace meses juega en mi cabeza la idea de sacar diseños de plantillas de forma comercial, no solo por encargo como vengo haciéndolo desde hace años, sino para mi, simplemente realizar los diseños y las plantillas, lo demás lo veré luego.

Resulta que esta tarea no es tan simple, cuando un cliente me contrata para el desarrollo de su sitio y pide un diseño a medida, por lo general cuenta con un diseño preexistente o bien me pide un diseño, pero tiene una fecha límite, así que no queda tiempo de jugar a plantear diseños, dejar huevos de pascua o pulir hasta el mínimo detalle, simplemente se elige un framework y se desarrolla el proyecto.

Para mi las cosas no son tan así, me dedico a “jugar” a sacar partido de cada detalle, de cada cosa, de cada momento, aprender y practicar, si no tengo algo que me mantenga con los pies en la tierra, me pierdo en un mar de ideas; prueba de ellos es que en su momento tardé todo un día jugando con diversas grid’s para el desarrollo de una plantilla, en realidad para desarrollar la base con la que vendría luego a diseñar cualquier plantilla, personal o de clientes.

Me pasé con calculadora y soft gráfico, permutando en la cabeza y haciendo matachos por horas, luego el deber llamó y lo dejé en el cajón por varios meses, hoy cancelamos unas horas de capacitación, un cliente pidió tiempo para un proyecto que habíamos programado para la tarde y simplemente me quedó tiempo libre, así que  se me ocurrió una búsqueda rápida, recordé un par de frameworks http://960.gs/ y http://blueprints.org busqué generadores de grid, los encontré http://www.gridsystemgenerator.com/gs01.php y http://ianli.com/blueprinter/ respectivamente, empecé a jugar nuevamente, generar rejillas, montar imágenes, compararlas con mi tendencia de diseño, superponer banners, en fin y en toda una tarde de trabajo resultó la misma grid que tenía en el cajón, una grid de 970px, 20 columnas de 39px cada una con separación entre columnas de 10px. Es de suponer que por sus características la derivé de blueprintcss y no de 960.gs

#UnWebTip: El primer paso para realizar tu diseño, define una rejilla clara, medianamente flexible, no existe nada perfecto, así que se practico, decántate por la que mejor se amolde a tu estilo.