Casi todos los que diseñamos sites, con lo primero que empezamos es con Photoshop para luego llevarlo a XHTML. En lo particular soy de trabajar mucho con los Frameworks 960 Gs y Blueprint.

Uno de los principales problemas que se nos presenta a la hora de comenzar un proyecto, son las medidas y estándares que tenemos que respetar. Podríamos decir que un buen tamaño (casi optimo diríamos) es el diseñar una grilla de 960 px de ancho, ya que según W3Schools ya que el estándar de resolución de pantalla es 1024×768 y solo el 4% de los internautas usan una resolución por debajo de ese rango.

Al trabajar con los Frameworks que más arriba mencione, siempre tengo una plantilla en Photoshop con las columnas marcadas que me sirven como guía.

Ahora, si no estás acostumbrado a trabajar con Frameworks, la gente de EvoWebdev ha preparado 3 plantillas para que las uses como guía.

Estas plantillas son perfectas para que las uses como guía, ya que vienen con 4 columnas, que a la vez las podemos partir en otras, para así lograr un diseño mucho más fluido y estructurado.

Podes elegir entre 3 tipos de plantillas:

• 4 columnas de 960 px (cada columna de 200px)
• 4 columnas de 960 px (cada columna de 210px)
• 4 columnas de 996 px (cada columna de 214px)

Como veras podes elegir la medida que encuentres mas cómoda y mejor se adapte a lo que tenes en mente.