Maquetacion CSS o Diseño en PhotoShop, que primero

[metacortex]

Obviamente el diseño con Photoshop va primero. Allí se definen maquetación, medidas, proporciones, grosores, colores, líneas, fondos, tipografía, etc.. Luego es que se comienza a hacer la estructura en HTML.

Aunque la web sea elástica y las medidas relativas, debe crearse la propuesta en Photoshop, sin importar que éste use medidas absolutas. En el HTML y CSS se buscará acercarse lo más posible al diseño ya hecho. Esto es importante porque con el diseño en Photoshop ya se cuentan con directrices para poder guiarse y nos evitará estar dando vueltas y probando una y otra vez. Es decir, en Photoshop construimos la interfaz gráfica completa y podemos verla y modificarla con mucha más facilidad y rapidez.

Además, con el diseño en Photoshop listo podemos enviarle el boceto rápidamente al cliente en forma de "captura" en lugar de hacerlo esperar por el HTML, teniendo en cuenta que mostrarle el HTML listo es un poco inseguro.