Keywords:xpazeman pasos web tutorial

Bien, llegados a este punto, es el momento de pasar a realizar los primeros bocetos en photoshop (por decir alguno, se puede usar casi cualquier programa como Paint Shop Pro, o incluso un programa de maquetación como inDesign, aunque esto lo recomiendo menos). A partir de los diseños preliminares que ya hemos hecho en papel, debemos crear ya con más detalle el aspecto que queremos que tenga la web. Hay que decidir que esquema de colores tendrá, las fuentes que vamos a usar, los iconos que utilizemos... en definitiva, se trata de crear una imagen lo más parecida posible a la estética definitva que tendrá nuestra web en el futuro.

El nivel de detalle al que podemos llegar depende de muchos factores, si la web es para un cliente es muy importante dejar el boceto lo más acabado posible, ya que es necesaria la aprobación de aquél para que luego no haya problemas ni malentendidos posteriores. Si la web la estamos haciendo para nosotros, debemos ser tan exigentes o más, aunque podemos permitirnos el no llegar a detallar tanto, ya que a medida que desarrollamos podemos ir adaptando el diseño a las nuevas ideas que vayan surgiendo.

Durante esta fase también deberíamos pensar, aunque sea por encima, en el código de la página, más que nada para no crear un diseño imposible de llevar a cabo en HTML, por supuesto esta limitación no existe como tal en una página flash, porque como ya sabemos, con flash puedes hacer lo que quieras (excepto conseguir que se indexe la página en los buscadores).
Yo recomiendo hacer varias versiones del boceto, aunque tampoco demasiadas, hay veces que das con ello a la primera, a veces necesitas 3 intentos, a veces 20, pero lo importante de verdad, es que a ti mismo te encante lo que ves.

También se debe hacer bocetos a varios niveles (páginas interiores, área de administración, etc) y no sólo de la home, ya que, dependiendo del tipo de diseño que busques, la home puede ser tan única que no puedas aplicar el mismo diseño a los interiores.

Después de que le hayas dado vueltas al tema y hayas conseguido algo que de verdad te guste, podemos pasar a la siguiente fase: el análisis